兼容ie5.5+ firefox2.0(因为我只有这两个浏览器,所以只在它们中做了测试) 看到blueidea很多朋友都发了一些 收缩与展开内容的效果,唯一差的就是一个缓冲效果.不多说,运行一下就知道了,呵呵. 最大高度还需要固定数值.没有很好的解决方案.有兴趣的朋友帮忙解决一下拉,谢谢. 这个代码其他部分不会再发出更新和完善之后的了.如果需要封装就自己做做吧,呵呵. 放出代码为分享学习之用.请尊重别人的作品勿作商业用途!!!!! 代码如下: /...
先放个图片,我改下代码。163邮箱选项卡效果 ul,li { margin:0; padding:0; list-style:none; /*for close location*/ position:relative; } li { display:block; width:130px; height:25px; float:left; cursor:pointer; overflow:hidden; } span { font-size:10pt; color:#22b5d9; font-weight:bold; display:block; } #asgardCard li { font-size:10pt; font-weight:bold; color:#22b5d9; border:1px solid #22b5d9; mar...
超个性的导航效果,测试效果 window.onload=function(){ var t=document.getElementsByTagName('table')[0]; var cs=t.rows[1].cells,ct=t.rows[0].cells; for(var i=0;i A B C D E F G [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
这款选项卡效果,是我见过的一个不错的选项卡效果,不是最好,也是很好的Javascript 标签页(TAB)浏览控件推介之:DOMTab - javascript, DOMTab, TAB, 标签页, /* DOMtab Version 3.1415927 Updated March the First 2006 written by Christian Heilmann check blog for updates: http://www.wait-till-i.com free to use, not free to resell */ domtab={ tabClass:'domtab', // class to trigger tabbing listClass:'dom...
这类型东西网上多的是,但朋友说我的程序程序理念好(嘻…),我也写一个tab切换,厚着脸皮把它叫麦鸡的TAB切换(汗一把先.),转载也请注明麦鸡的博客,下面就开始了 做个滑动门,需要一个图片 CSS 代码如下:.nav{position:relative} .nav dt{float:left; margin:0 2px 0 0; position:relative; z-index:2} .nav dt a{color:#555; text-decoration:none} .nav dt a:hover{color:#000} .nav dt a{ float:left; display:block; heig...
最近公司在做一个项目,其中一块头部的菜单导航区,要求实现进入相关页面后上面的导航菜单图片也需变换.而这个对于静态页面或者用框架或iframe的来说是很容易实现的.而我们是利用include来包含进的这个top.asp.虽然可以在那个图片菜单上定义onclick的动作属性.但是只要一跳转页面,则这个onclick动作就没用了.因为top.asp被重新加载了.如果要解决这个问题,只能是在页面加载时能读取一个全局的变量,相对于浏览器的全局变量,...
Firefox对childNodes处理的一个BUG childNodesFirefox在处理childNodes没有过滤换行与空格。所以在初次使用的时候,得到效果不是预期的效果。 HTML 代码如下: 理财大学B 名医讲堂 名医讲堂 名医讲堂 影坛热点 JS 代码如下: function tabit(btn) { var idname = new String(btn.id); var s = idname.indexOf("_"); var e = idname.lastIndexOf("_")+1; var tabName = idname.substr(0, s); var id ...
脚本之家_www.gxlcms.com_简单的管理菜单 body{font-size:12px;} ul,li,h2{margin:0;padding:0;} ul{list-style:none;} #top{width:900px;height:40px;margin:0 auto;background-color:#CCCC00} #top h2{width:150px;height:40px;background-color:#99CC00;float:left;font-size:14px;text-align:center;line-height:40px;} #topTags{width:750px;height:40px;margin:0 auto;background-color:#CCCC00;float:left} #topTags ...
脚本之家 www.gxlcms.com 仿土豆视频滚动菜单 ul{margin:0;padding:0;list-style:none;width:100000px} li{margin:0;padding:0;width:100px;height:100px;display:block;float:left;margin-right:5px;background:#009900} #img_bag{width:640px;height:100px;background:#FF9900;margin:0 auto;} #img_bag a{float:left;width:20px;display:block;height:20px;font-weight:bold;} #img_bag #img{width:600px;height:100px...
runcode var mh = 30;//最小高度 var step = 1;//每次变化的px量 var ms = 10;//每隔多久循环一次 function toggle(o){ if (!o.tid)o.tid = "_" + Math.random() * 100; if (!window.toggler)window.toggler = {}; if (!window.toggler[o.tid]){ window.toggler[o.tid]={ obj:o, maxHeight:o.offsetHeight, minHeight:mh, timer:null, action:1 }; } o.style.height = o.offsetHeight + "px"; if (window.toggler[o.tid].timer)...
兼容IE6,IE7菜单高亮显示 *{ font:12px tahoma; } #menu li{ list-style:none; width:88px; height:30px; float:left; background:#EFF1F5; text-align:center; margin:0; overflow:hidden; } #menu li a{ display:block; } #menu li a:link,#menu li a:visited{ text-decoration:none; padding:8px 0; } #menu li a:hover{ background:#B8C0D3; } 脚本之家 脚本之家 脚本之家 脚本之家 脚本之...
mobaihuo网站后台免费提供_脚本之家_www.gxlcms.com .navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt} .a2{BACKGROUND-COLOR: A4B6D7;} mobaihuo网站后台免费提供 if(self!=top){top.location=self.location;} function switchSysBar(){ if (switchPoint.innerText==3){ switchPoint.innerText=4 document.all("frmTitle").style.display="none" }else{ switchPoint.innerText=3 document....
以下是HTML网页特效代码,点击运行按钮可查看效果js仿taobao效果 *{ margin:0;padding:0;} body{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; text- align:center;} #warpper{ position:absolute; left:100px; top:100px;} h5{ float:left;} a{ text-decoration:underline; cursor:pointer; font-weight:bold;} dl{ height:18px; line-height:18px; background:#f7f7f7; padding:0 10px;} dt,.normal{ float:left; ...
简洁Tab 新闻1 新闻2 新闻3 新闻4 新闻列表1 新闻列表2 新闻列表3 新闻列表4 新闻1 新闻2 新闻3 新闻4 新闻列表1 新闻列表2 新闻列表3 新闻列表4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
我的导航菜单_脚本之家 body{ font-size:12px } //filter:shadow(color=#aaaaaa,direction=135) var itemsNum=0; var displayFlags = 'block'; function menu(menuId,menuWidth,menuHeight,menuTop,menuLeft,itemBranchNum,parentMenuId){ this.itemBranchs = new Array(); this.width=menuWidth; this.height=menuHeight; this.top=menuTop; this.left=menuLeft; this.itemBranchNum=itemBranchNum; this.parentMenuI...