亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

帶圖片的，多列的DropDownList的實現

2019-11-18 12:00:39
字體：大 中 小
來源：轉載
供稿：網友

　　下面是模擬的DropDownList的效果，支持圖片，多列，換行等。
　　
　　WebDropDownList.aspx
　　
　　<%@ Page language="c#" Codebehind="WebDropDownList.aspx.cs"validateRequest="false"
　　 AutoEventWireup="false" Inherits="eMeng.WebDropDownList" %>
　　<Html>
　　<HEAD>
　　<title>模擬下拉列表框</title>
　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
　　<style>BODY {
　　FONT: 12px 宋體
　　}
　　TD {
　　FONT: 12px 宋體
　　}
　　DIV {
　　FONT: 12px 宋體
　　}
　　LABEL {
　　PADDING-RIGHT: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; HEIGHT: 19px
　　}
　　.link_box {
　　CURSOR: default; TEXT-ALIGN: left
　　}
　　.link_head {
　　BORDER-RIGHT: 2px inset; BORDER-TOP: 2px inset; BORDER-LEFT: 2px inset; WIDTH: 100%;
　　BORDER-BOTTOM: 2px inset; HEIGHT: 23px
　　}
　　.link_text {
　　PADDING-LEFT: 2px; BACKGROUND: #fff
　　}
　　.link_arrow0 {
　　BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; BACKGROUND: buttonface;
　　FONT: 14px marlett; BORDER-LEFT: 2px outset; WIDTH: 22px;
　　 BORDER-BOTTOM: 2px outset; HEIGHT: 100%; TEXT-ALIGN: center
　　}
　　.link_arrow1 {
　　BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 0px;
　　BORDER-TOP: buttonshadow 1px solid; PADDING-LEFT: 2px;
　　BACKGROUND: buttonface; PADDING-BOTTOM: 0px; FONT: 14px marlett;
　　BORDER-LEFT: buttonshadow 1px solid; WIDTH: 22px; PADDING-TOP: 2px;
　　BORDER-BOTTOM: buttonshadow 1px solid; HEIGHT: 100%; TEXT-ALIGN: center
　　}
　　.link_value {
　　BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FILTER: alpha(opacity:0);
　　VISIBILITY: hidden; OVERFLOW-X: hidden; OVERFLOW: auto; BORDER-LEFT: 1px solid;
　　BORDER-BOTTOM: 1px solid; POSITION: absolute
　　}
　　.link_record0 {
　　BORDER-TOP: #eee 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff;
　　WIDTH: 100%; COLOR: #000; HEIGHT: 20px
　　}
　　.link_record1 {
　　BORDER-TOP: #047 1px solid; PADDING-LEFT: 2px; BACKGROUND: #058;
　　WIDTH: 100%; COLOR: #fe0; HEIGHT: 20px
　　}
　　</style>
　　<script>
　　var dropShow=false
　　var currentID
　　function dropdown(el){
　　if(dropShow){
　　dropFadeOut()
　　}else{
　　currentID=el
　　el.style.visibility="visible"
　　dropFadeIn()
　　}
　　}
　　function dropFadeIn(){//選單淡入的效果
　　if(currentID.filters.alpha.opacity<100){
　　currentID.filters.alpha.opacity+=20
　　fadeTimer=setTimeout("dropFadeIn()",50)
　　}else{
　　dropShow=true
　　clearTimeout(fadeTimer)
　　}
　　}
　　function dropFadeOut(){//選單淡出的效果
　　if(currentID.filters.alpha.opacity>0){
　　clearTimeout(fadeTimer)
　　currentID.filters.alpha.opacity-=20
　　fadeTimer=setTimeout("dropFadeOut()",50)
　　}else{
　　dropShow=false
　　currentID.style.visibility="hidden"
　　}
　　}
　　function dropdownHide(){
　　if(dropShow){
　　dropFadeOut()
　　dropShow=false
　　}
　　}
　　function hiLight(el){//高亮度顯示指標位置
　　if(dropShow){
　　for(i=0;i<el.parentElement.childNodes.length;i++){
　　el.parentElement.childNodes(i).className="link_record0"
　　}
　　el.className="link_record1"
　　}
　　}
　　function CheckMe(el){//替換顯示內容
　　document.all.text1.innerText=el.innerText
　　}
　　document.onclick=dropdownHide
　　</script>
　　</HEAD>
　　<body text="#000000" onload="document.all.form1.reset()">
　　<div style="padding:10px;border-bottom:2px solid red">模擬下拉框</div>
　　<form id="form1" onsubmit="alert(city.value)" runat="server">
　　<table>
　　<tr>
　　<td>
　　<div class="link_box" onselectstart="return false" style="WIDTH: 100px">
　　<div class="link_head" onclick="dropdown(value1)">
　　<table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
　　<tr>
　　 <td>
　　 <div class="link_text"><nobr><label id="text1">請選擇？</label></nobr></div>
　　 </td>
　　 <td align="right" width="22">
　　 <div onmouseup="this.className='link_arrow0'" class="link_arrow0"
　　 onmousedown="this.className='link_arrow1'" onmouSEOut="this.className='link_arrow0'">6</div>
　　 </td>
　　</tr>
　　</table>
　　</div>
　　<div class="link_value" id="value1" style="WIDTH: 500px; HEIGHT: 300px">
　　<asp:datagrid id="DataGrid1" runat="server" AutoGenerateColumns="False" Font-Size="12px" Width="100%"
　　ShowHeader="False">
　　<Columns>
　　<asp:BoundColumn DataField="Title" SortEX　　 DataFormatString="<img src=/uploadImages/2007-5-2/2007521075860821.gif align='absmiddle'> {0}">
　　 </asp:BoundColumn>
　　<asp:BoundColumn DataField="CreateDate" SortExpression="CreateDate"
　　 HeaderText="" DataFormatString="{0:yyyy年MM月dd日}"></asp:BoundColumn>
　　</Columns>
　　</asp:datagrid>
　　<div id="mx">
　　<div class="link_record0" onmouseover="hiLight(this)"
　　 onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>北京市</label></div>
　　<div class="link_record0" onmouseover="hiLight(this)"
　　 onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>上海市</label></div>
　　<div class="link_record0" onmouseover="hiLight(this)"
　　 onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>河南省</label></div>
　　<div class="link_record0" onmouseover="hiLight(this)"
　　 onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>深圳市</label></div>
　　<div class="link_record0" onmouseover="hiLight(this)"
　　 onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>大連市</label></div>
　　<div class="link_record0" onmouseover="hiLight(this)"
　　 onclick="CheckMe(this);document.all.form1.city.value=this.innerText"><label>云南省</label></div>
　　</div>
　　</div>
　　</div>
　　</td>
　　<td><input type="hidden" value="您尚未選擇" name="city"> <input type="submit" value="確定">
　　</td>
　　</tr>
　　</table>
　　</form>
　　</body>
　　</HTML>
　　
　　WebDropDownList.aspx.cs
　　
　　using System;
　　using System.Collections;
　　using System.ComponentModel;
　　using System.Data;
　　using System.Drawing;
　　using System.Web;
　　using System.Web.sessionState;
　　using System.Web.UI;
　　using System.Web.UI.WebControls;
　　using System.Web.UI.HtmlControls;
　　using System.Data.OleDb;
　　
　　namespace eMeng
　　{
　　/// <summary>
　　/// ShowList 的摘要說明。
　　/// </summary>
　　public class WebDropDownList : System.Web.UI.Page
　　{
　　protected System.Web.UI.WebControls.DataGrid DataGrid1;
　　
　　private void Page_Load(object sender, System.EventArgs e)
　　{
　　DataGrid1.Columns[0].ItemStyle.Width = Unit.Pixel(400);
　　DataGrid1.Columns[1].ItemStyle.Width = Unit.Pixel(100);
　　Data_Bind();
　　}
　　
　　public void Data_Bind()
　　{
　　Response.CacheControl = "no-cache";
　　Response.Expires = -1;
　　try
　　{
　　string strSQL = "SELECT id,objectGuid,Title,CreateDate,HitCount FROM Document ORDER BY id DESC";
　　string cnString = (new Connection()).Con

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品久久久香蕉免费精品视频| 色黄久久久久久| 久久久久久久91| 亚洲精品成人av| 日韩免费高清在线观看| 亚洲精品一区av在线播放| 亚洲成色777777女色窝| 亚洲色图25p| 国产精品在线看| 亚洲精品720p| 97在线视频免费观看| 欧美午夜女人视频在线| 精品国产精品三级精品av网址| 精品少妇一区二区30p| 久久综合伊人77777| 国产精品精品视频一区二区三区| 成人免费网站在线看| 国产欧美精品一区二区三区介绍| 日本乱人伦a精品| 俺去亚洲欧洲欧美日韩| 亚洲国产天堂久久综合| 色综合伊人色综合网| 久久精品视频在线观看| 亚洲国产一区二区三区在线观看| 91免费欧美精品| 久久青草精品视频免费观看| 97精品国产97久久久久久| 2020国产精品视频| 久热在线中文字幕色999舞| 国产一区二区动漫| 在线精品国产欧美| 国产欧美日韩精品丝袜高跟鞋| 欧美亚洲免费电影| 精品日韩中文字幕| 亚洲欧美国产制服动漫| 日韩av在线免费| 久久久精品一区二区| 精品久久久久久久久久久久| 日韩在线观看精品| 国产女同一区二区| 国产欧美欧洲在线观看| 米奇精品一区二区三区在线观看| 亚洲毛片在线观看.| 亚洲日本成人女熟在线观看| 国产精品久久久久国产a级| 欧美日韩国产成人高清视频| 亚洲国产精品va在线看黑人| 日韩中文字幕第一页| 亚洲视频在线免费观看| 中文字幕成人在线| 色琪琪综合男人的天堂aⅴ视频| 欧美伦理91i| 成人情趣片在线观看免费| 91色精品视频在线| 国产日韩精品一区二区| 精品国产91久久久| 热久久这里只有精品| 国产日韩在线一区| 国产成人精品久久久| 午夜精品一区二区三区在线视| 欧美重口另类videos人妖| 97精品一区二区视频在线观看| 欧美精品一本久久男人的天堂| 国产成人亚洲综合青青| 欧美高清视频在线播放| 国语自产精品视频在免费| 亚洲国产成人精品女人久久久| 日韩视频一区在线| 成人妇女淫片aaaa视频| 欧洲中文字幕国产精品| 久久久久久欧美| 狠狠躁18三区二区一区| 91po在线观看91精品国产性色| 在线日韩精品视频| 成人免费在线视频网址| 久久久久久久久久久人体| 日本一区二区在线播放| 55夜色66夜色国产精品视频| 亚洲精品国产美女| 欧美专区在线观看| 91亚洲精品一区二区| xxx欧美精品| 亚洲性无码av在线| 91精品国产自产在线| 国内揄拍国内精品少妇国语| 久久久久久久久久久网站| 国产欧美va欧美va香蕉在| 国产人妖伪娘一区91| 久久久免费观看| 亚洲人午夜精品| 91免费视频网站| 亚洲视频777| 日韩网站免费观看高清| 欧美专区日韩视频| 色七七影院综合| 欧美日韩精品在线视频| 深夜成人在线观看| 亲子乱一区二区三区电影| 色婷婷**av毛片一区| 国产精品一区二区电影| 日本高清久久天堂| 日韩中文字幕在线观看| 欧美精品情趣视频| 亲爱的老师9免费观看全集电视剧| 欧美黑人一区二区三区| 欧美激情精品久久久久久蜜臀| 蜜臀久久99精品久久久久久宅男| 久久久久久69| 精品国产31久久久久久| 亚洲成人精品视频在线观看| 亚洲第一黄色网| 亚洲国产精品人久久电影| 亚洲另类图片色| 在线国产精品视频| 国产区精品在线观看| 久久久久999| 欧美最猛性xxxx| 亚洲精品在线不卡| 高清在线视频日韩欧美| 国产色综合天天综合网| 国产精品一区二区三区久久久| 欧美日韩午夜激情| 成人av在线天堂| 久久福利视频导航| 亚洲人成在线观看网站高清| 亚洲xxxxx| 亚洲激情中文字幕| 精品国产拍在线观看| 久久久av一区| 国产不卡在线观看| 亚洲一区二区三区乱码aⅴ| 亚洲美女精品成人在线视频| 亚洲国产精品高清久久久| 欧美性开放视频| 国产精品欧美一区二区三区奶水| 亚洲人成网站免费播放| 亚洲精品久久久久| 中文字幕精品在线视频| 日韩欧美在线免费| 色综久久综合桃花网| 日韩在线中文字幕| 九色精品美女在线| 国内精品模特av私拍在线观看| 97在线观看视频| 欧美在线视频免费观看| 免费av一区二区| 欧美性猛交99久久久久99按摩| 亚洲a区在线视频| 国产精品综合不卡av| 欧美激情videoshd| 精品视频久久久久久久| 亚洲精品黄网在线观看| 91成人性视频| 久久精品国产一区二区电影| 欧美日韩一二三四五区| xxxx性欧美| 久久免费成人精品视频| 韩国19禁主播vip福利视频| 成人黄色短视频在线观看| 国产成人一区二区三区小说| 97精品久久久中文字幕免费| 久久不射热爱视频精品| 2019亚洲男人天堂| 久久久久久久一|