2007年4月18日
<script>
//完成下拉框選擇時的模擬行為
function changeSelect(formV,toV){
document.getElementById(toV).innerHTML = formV.options[formV.selectedIndex].text;
}
</script>
<style>
.sb {
position:relative;
height:20px;
> height:24px;
border: 1px solid #639;
float:left;
color:#000;
}
.sb .b {/*模擬下被切除的下拉框(select)*/
position:absolute;
height:22px;
line-height:22px;
padding:0 2px;
overflow:hidden;
white-space :nowrap;text-overflow:ellipsis;
font-family:verdana;
font-size:12px;
}
.sb select {
position: absolute;
top:0;
right:0;
}
.w_50{/*以此來控制該下拉框的長度，可按需要添加多個長度Class，如w_100，w_200*/
width:50px !important;
}
.w_50 select{/*根據長度切割默認下拉框*/
width:50px;
clip:rect(2px 48px 20px 32px);/*切除下拉框(select)內容區域，只保留下拉三角箭頭*/
}
</style>
<div class="sb w_50">
<div class="b" id="selectTest0">先生</div><!--模擬下拉框的列表顯示區域-->
<select name="RegAndLoginInPublishPage1:dpSex" id="RegAndLoginInPublishPage1_dpSex" onchange="changeSelect(this,'selectTest0')">
<option selected="selected" value="44444">先生</option>
<option value="55555">女士</option>
</select>
</div>
代碼沒有優化，只想表現方法與思路。
posted @
2007-04-24 00:53 Raven 閱讀(30769) |
評論 (6) |
編輯 收藏
圖中顯示了QQ資料可以自主設置好友備注（標注“1”），一般情況下用于幫助用戶能更快更容易的將列表中的好友和潛意識中的某個特定的人相關聯。設置后，無論對方怎么改昵稱，自己好友列表中的名字都不會變（標注“2“），由此解決了一些用戶經常不知道好友是誰的問題。但同時也帶來了另一個問題：
“昵稱”本身最大的意義就在于個性化傳播，假如，我希望我所改變的昵稱能在第一時間讓我的好友收到，而好友卻因為不想因為我改名后不認識我了，逼不得已對我進行了備注操作，那么我的愿望將無法達成，好友必須“查看資料”來被動更新我的最新昵稱（好友并不知道我改過昵稱）！
個人建議是，在好友列表中仍然顯示好友的個性昵稱，而當用戶需要了解此人時，再點擊資料，主動獲取此人的備注（如果已經添加），這不僅符合傳統意義對“備注”的定義，同時也保權了部分用戶的個性化展示需求。
踏踏實實做人，勤勤懇懇做事，我的技術博客，時隔一年，繼續更新！
posted @
2007-04-18 02:30 Raven 閱讀(1310) |
評論 (4) |
編輯 收藏