该特效需要用到相关的图片,比如那个效果的皮服,请各位自行将相关的图片下载到本地使用。 腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二 function move(x, y) { if (document.all) { object1.style.pixelLeft += x; object1.style.pixelTop += y;} else if (document.layers) { document.object1.left += x; document.object1.top += y; }}; function position() { document.object1.left += -200; ...
Js+DVML:很酷实用的右键弹出菜单 v\:*{behavior:url(#default#VML);} .menulist{position:static;PADDING-TOP:6;LETTER-SPACING:8;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2} //作者:风云舞 var menutime1=null,showobjs1=null //menutime1=循环计时器调用变量,showobjs1=绑定菜单,定时器过程执行时调用 function document.onmouseup(){if(event.button==2)menushow(menu2,60,10)} function menushow(showobjs,showwid,...
经典实用的触发型导航菜单 .sec1 { BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER- BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #eeeeee } .sec2 { BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER- LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #d4d0...
导航,鼠标放上去看看效果::你会做,我也要会:: function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i0) {eval(t+x+','+y+','+a+','+b+','+c+',0)",' + s+')');return;} var xx=(parseInt(d.left))?parseInt(d.left):0; var yy=(parseInt(d....
其特点是扩展方便,只要自己添加标题和内容即可,自动初始化。无标题文档 window.onload=resetTab; function getTabTitle(tab) { var childNodesList=tab.childNodes; var titleNodes=new Array(); var j=0; var i; for (i=0;i 选项卡[1] 选项卡[2] 选项卡[3] 选项卡[4] 1经过前述的多个步骤,一个基本的CHM文件已制作完毕,在编译前还可进行一些完善功能的设置,具体如下所述。 2门类武功展区门类武功展区门类武功展区门类...
由于此菜单不易灵活改动,图片量又大,要改栏目和增删栏目特麻烦,得须改图片。 因对本人对此菜单做了大量改动,最终达到的效果是一样 原网站那个菜单加上图片有80多k呢,经修改过后的菜单加上图片大小只有4k左右,改了过后是不是小了很多呢。 改动后的优点,便于修改栏目名称,和增删栏目,图片量减少,无论多少栏目只需两张图片。 熟悉js的人还可以把它改得更简单方便呢,不过我对js还不够了解,所以...
现在的下拉菜单是兼容性越来越好了,不用js的最好了,但如果能用最少的代码实现出效果,也是不错的第一个,用到的js,不过很短,也很明了*{font:normal normal 14px/1.5em "宋体";} li{list-style:none;} span{display:block;line-height:25px;} a{text-decoration:none;display:block;margin:5px;} .class1{ width:100px; height:25px; overflow-y:hidden; border:1px solid #ffe663; text-align:center; background:#ff...
dl{width:150px;background:#00f url(bottom.gif) no-repeat left bottom;color:#fff;padding-bottom:5px;} dt{background:#00f url(top.gif) no-repeat top left;padding:10px 10px 10px 20px;font:14px/1.5em arial;border-bottom:1px solid #fff;} dd{margin:0;border-bottom:1px solid #fff;} a{display:block;background:url(arrow.gif) no-repeat 10px 10px;color:#fff;text-decoration:none;padding:5px 0px 5px 20px;font:...
如果是感应触发.就选onmouseover 如果是点击触发.就选onclick [把它们两互相替换,就可随时变为感应或点击了] 而如果想在一个页面上有N个滑动门 就复制一套...将myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者换成你自己喜欢的名字...当然myTab0_Content0这个亦是要随着变动! 保留自己用我的滑动门 body{ color: #000; font-family: "宋体", arial; font-size: 12px; background: #fff; text-align: center; m...
网上收集整合出来的,算是剽窃吧,IE6下用过,其他的没试。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- by shundyang --> <HTML><HEAD><TITLE>SHARE</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <style> BODY { MARGIN: 0px; } A.notes { FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none } .MS_link0 { BORDER-RIGHT: #1e77d3 1px solid; PA...
可记忆菜单 body {font:12px Tahoma, sans-serif;color:#4D4D4D;margin:0px; text-align:center} a{color:#4D4D4D;text-decoration:none} a:hover{color:#AD0000;text-decoration:none} #menu {width:160px;margin:0px;padding:0px;text-align:left;list-style:none;border:1px solid #B0D4ED} #menu .item {margin:0px;padding:0px;list-style:none; text-align:center} a.title:link,a.title:visited,a.title:hover {displa...
将以下代码添加到与之间 ---------------------------------- /*******以下内容可以修改***************/ var mname=new Array( "首 页", "修 改", "下 载", "删 除", "新 建", "刷 新" ); //mname是菜单对应的名称,数组的个数必须与下面murl对应 var murl=new Array( "window.open('http://www.cn5.cn','_blank','');", "alert('修改');", "alert('download');", "alert('delete');", "alert('new');",...
/* Susy Menu Class, version 2.0.0 * 2007 shaoyu su * * Susy-Menu Class is freely distributable . * * *--------------------------------------------------------------------------*/ var CONTEXT_PATH=''; var NS = (navigator.appName=="Netscape")?true:false; var EXCEPTION_INFO = {EvalError:'eval()use error', RangeError:'num overflow', ReferenceError:'illegal or no can identify num', SyntaxE...
/* Susy Menu Class, version 2.0.0 * 2007 shaoyu su * * Susy-Menu Class is freely distributable . * * *--------------------------------------------------------------------------*/ var CONTEXT_PATH=''; var NS = (navigator.appName=="Netscape")?true:false; var EXCEPTION_INFO = {EvalError:'eval()use error', RangeError:'num overflow', ReferenceError:'illegal or no can identify num', SyntaxE...
y body { margin: 0; text-align: center; font-size: 12px; } .papanel, .pabd, .paft, .patop {width: 348px;} .papanel { background: #a5d0fd url("/article/upimages/pabg.gif") repeat-x; border-left: 1px solid #7bbdff; border-right: 1px solid #7bbdff; font-family: arial; } .pabd { clear: both; overflow: hidden; padding-bottom: .35em; background: url("/article/upimages/patbg.gif") no-repeat top left...