web前端|js教程
select,下拉菜单
web前端-js教程
仿今日头条源码 带采集,vscode编程语言切换,ftp 命令ubuntu,tomcat安装菜鸟教程,youget爬虫,最新php漏洞,栖霞seo推广哪家好,介绍好的免费网站模板下载,ecshop 如何修改页面模板lzw
.uboxstyle{width:174px;height:39px; float:right;}
#uboxstyle{width:174px;height:39px; float:right;}
#uboxstyle .select_box{width:174px;height:39px; float:left;}
#uboxstyle div.tag_select{display:block;color:#79A2BD;width:174px;height:39px;background:transparent url("images/select01.jpg") no-repeat 0 0;padding:0 10px;line-height:39px;}
#uboxstyle div.tag_select_hover{display:block;color:#79A2BD;width:174px;height:39px;background:transparent url("images/select01.jpg") no-repeat 0 0;padding:0 10px;line-height:39px; }
#uboxstyle div.tag_select_open{display:block;color:#79A2BD;width:174px;height:39px;background:transparent url("images/select01.jpg") no-repeat 0 0px;padding:0 10px;line-height:39px;}
#uboxstyle ul.tag_options{padding:0;margin:0;list-style:none;width:174px;padding:0 0 5px;margin:0;}
#uboxstyle ul.tag_options li{display:block;width:174px;padding:0 10px;height:30px;text-decoration:none;line-height:30px;color:#79A2BD;text-align:left;}
#uboxstyle ul.tag_options li.open_hover{color:#000}
#uboxstyle ul.tag_options li.open_selected{color:#000}
var selects = document.getElementsByTagName(select);
var isIE = (document.all && window.ActiveXObject && !window.opera) ? true : false;
function $(id) {
return document.getElementById(id);
}
function stopBubbling (ev) {
ev.stopPropagation();
}
function rSelects() {
for (i=0;i<selects.length;i++){
selects[i].style.display = one;
select_tag = document.createElement(div);
select_tag.id = select_ + selects[i].name;
select_tag.className = select_box;
selects[i].parentNode.insertBefore(select_tag,selects[i]);
select_info = document.createElement(div);
select_info.id = select_info_ + selects[i].name;
select_info.className= ag_select;
select_info.style.cursor=pointer;
select_tag.appendChild(select_info);
select_ul = document.createElement(ul);
select_ul.id = options_ + selects[i].name;
select_ul.className = ag_options;
select_ul.style.position=absolute;
select_ul.style.display= one;
select_ul.style.zIndex=999;
select_tag.appendChild(select_ul);
rOptions(i,selects[i].name);
mouseSelects(selects[i].name);
if (isIE){
selects[i].onclick = new Function("clickLabels3(\"+selects[i].name+");window.event.cancelBubble = true;");
}
else if(!isIE){
selects[i].onclick = new Function("clickLabels3(\"+selects[i].name+")");
selects[i].addEventListener("click", stopBubbling, false);
}
}
}
function rOptions(i, name) {
var options = selects[i].getElementsByTagName(option);
var options_ul = options_ + name;
for (n=0;n<selects[i].options.length;n++){
option_li = document.createElement(li);
option_li.style.cursor=pointer;
option_li.className=open;
$(options_ul).appendChild(option_li);
option_text = document.createTextNode(selects[i].options[n].text);
option_li.appendChild(option_text);
option_selected = selects[i].options[n].selected;
if(option_selected){
option_li.className=open_selected;
option_li.id=selected_ + name;
$(select_info_ + name).appendChild(document.createTextNode(option_li.innerHTML));
}
option_li.onmouseover = function(){ this.className=open_hover;}
option_li.onmouseout = function(){
if(this.id==selected_ + name){
this.className=open_selected;
}
else {
this.className=open;
}
}
option_li.onclick = new Function("clickOptions("+i+","+n+",\"+selects[i].name+")");
}
}
function mouseSelects(name){
var sincn = select_info_ + name;
$(sincn).onmouseover = function(){ if(this.className== ag_select)this.className= ag_select_hover; }
$(sincn).onmouseout = function(){ if(this.className== ag_select_hover) this.className= ag_select; }
if (isIE){
$(sincn).onclick = new Function("clickSelects(\"+name+");window.event.cancelBubble = true;");
}
else if(!isIE){
$(sincn).onclick = new Function("clickSelects(\"+name+");");
$(select_info_ +name).addEventListener("click", stopBubbling, false);
}
}
function clickSelects(name){
var sincn = select_info_ + name;
var sinul = options_ + name;
for (i=0;i<selects.length;i++){
if(selects[i].name == name){
if( $(sincn).className == ag_select_hover){
$(sincn).className = ag_select_open;
$(sinul).style.display = \;
}
else if( $(sincn).className == ag_select_open){
$(sincn).className = ag_select_hover;
$(sinul).style.display = one;
}
}
else{
$(select_info_ + selects[i].name).className = ag_select;
$(options_ + selects[i].name).style.display = one;
}
}
}
function clickOptions(i, n, name){
var li = $(options_ + name).getElementsByTagName(li);
$(selected_ + name).className=open;
$(selected_ + name).id=\;
li[n].id=selected_ + name;
li[n].className=open_hover;
$(select_ + name).removeChild($(select_info_ + name));
select_info = document.createElement(div);
select_info.id = select_info_ + name;
select_info.className= ag_select;
select_info.style.cursor=pointer;
$(options_ + name).parentNode.insertBefore(select_info,$(options_ + name));
mouseSelects(name);
$(select_info_ + name).appendChild(document.createTextNode(li[n].innerHTML));
$( options_ + name ).style.display = one ;
$( select_info_ + name ).className = ag_select;
selects[i].options[n].selected = selected;
}
window.onload = function(e) {
bodyclick = document.getElementsByTagName(ody).item(0);
rSelects();
bodyclick.onclick = function(){
for (i=0;i<selects.length;i++){
$(select_info_ + selects[i].name).className = ag_select;
$(options_ + selects[i].name).style.display = one;
}
}
}
Cars...
程序源码授权系统,vscode 光标乱跳,ubuntu 系统乱码,tomcat查看堆栈,sqlite3 打不开,爬虫团队的人员架构设计,win7 php 服务器,泉州seo外包代理,easyui 示例网站,易语言网页操作复选框,android 代码模板下载lzw
html5移动端源码,ubuntu系统真的好吗,爬虫教学视频免费,php点击请求php数据,seo 推广链接lzw
all