·
网页特效库
·
网页工具库
背景按钮
导航特效
图片特效
文本特效
时间特效
状态特效
另类特效
网页制作
网站首页
< 后退
|
收藏网页特效库
推荐网页特效
购物网站的导航效果,推荐!
向上下左右滚动图片的特效
超级变态广告代码
设为首页
加入收藏夹
防止选择和复制
新浪博客的提示窗口,推荐!
推荐网页工具
在线html编辑器
在线CSS编辑器
滚动条颜色生成器
弹出窗口生成器
网页加密解密工具
汉字转换成拼音工具
文本繁简体转换工具
您的位置:
网页特效库
>>
另类网页特效
>> TOM网站娱乐头新闻代码(二)
查看此特效演示
TOM网站娱乐头新闻代码(二),推荐!
把如下代码复制到<head>与</head>之间
<style type="text/css"> <!-- .hotimg { BACKGROUND: url(butong_net.gif) no-repeat; FLOAT: left; WIDTH: 366px; HEIGHT: 323px; FONT-SIZE: 12px; } .hotimg DL DT { DISPLAY: inline; FLOAT: left; MARGIN: 8px 0px 0px 7px; OVERFLOW: hidden; WIDTH: 330px } .hotimg DL DT IMG { WIDTH: 330px; HEIGHT: 245px } .hotimg DL DD { DISPLAY: inline; FLOAT: left; MARGIN: 8px 1px } .hotimg DL DD DIV { MARGIN-TOP: 8px; FONT-WEIGHT: bold; BACKGROUND: url(butong_net_2.gif) no-repeat; WIDTH: 12px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 21px; HEIGHT: 21px; TEXT-ALIGN: center } .hotimg DL DD DIV.a { FONT-SIZE: 14px; BACKGROUND: url(butong_net_3.gif) no-repeat; WIDTH: 17px; HEIGHT: 21px } .clear { CLEAR: both } .tag { PADDING-LEFT: 40px; MARGIN: 12px 0px 0px; HEIGHT: 15px; FONT-SIZE: 12px; } .tag A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none } .tag1 { FONT-SIZE: 14px; COLOR: #454545 } .tag2 { FONT-SIZE: 14px; COLOR: #ec4300 } .tag3 { COLOR: #454545 } --> </style>
把如下代码复制到<body>与</body>之间
<DIV class=hotimg> <SCRIPT language=javascript type=text/javascript> <!-- /* Data begin */ var sPicArr = new Array(); /* 下面为特效中的图片地址、图片标题、图片链接,修改为你的图片、标题、链接即可 */ sPicArr[0] = new Array("1.jpg","背景按钮特效","http://www.butong.net/background/index.htm"); sPicArr[1] = new Array("2.jpg","导航菜单特效","http://www.butong.net/navigation/index.htm"); sPicArr[2] = new Array("3.jpg","网页图片特效","http://www.butong.net/img/index.htm"); sPicArr[3] = new Array("4.jpg","网页文本特效","http://www.butong.net/text/index.htm"); sPicArr[4] = new Array("5.jpg","时间日期特效","http://www.butong.net/time/index.htm"); sPicArr[5] = new Array("6.jpg","状态栏特效","http://www.butong.net/state/index.htm"); sPicArr[6] = new Array("7.jpg","另类网页特效","http://www.butong.net/other/index.htm"); /* Data end */ function GetObj(objName){ if(document.getElementById){ return eval('document.getElementById("' + objName + '")'); }else if(document.layers){ return eval("document.layers['" + objName +"']"); }else{ return eval('document.all.' + objName); } } var plPic = new Image(); var gIndex = 0; function SlidePic(index){ gIndex = index; //patch by dorian 1017 if ('Microsoft Internet Explorer' == navigator.appName) { document.images["slidePic"].filters.item(0).Apply(); } document.images["slidePic"].src = sPicArr[index][0]; document.images["slidePic"].alt = sPicArr[index][1]; GetObj("slidePicLink").href = sPicArr[index][2]; if((index+1)<sPicArr.length) plPic.src = sPicArr[index+1][0];//preload; for(var i=0;i<sPicArr.length;i++){ GetObj("item"+i).className = ""; GetObj("item"+i).onmouseover = function(){return false;} GetObj("item"+i).onmouseout = function(){return false;} } GetObj("item"+index).className = "a"; if ('Microsoft Internet Explorer' == navigator.appName) { document.images["slidePic"].filters.item(0).play(); } } function NextPic(){ gIndex = ((gIndex+1)>=sPicArr.length?0:(gIndex+1)); SlidePic(gIndex); } function PrevPic(){ //alert(gIndex); gIndex = ((gIndex-1)<0?(sPicArr.length-1):(gIndex-1)); //alert(gIndex); SlidePic(gIndex); } var sid; function inislide() { if(sid==null) sid = setInterval('NextPic()', 6000);//fixed by AmourGUO, 051017 } function pauseslide() { clearInterval(PT>sid); sid = null; } //--> </SCRIPT> <SCRIPT> inislide(); </SCRIPT> <DL> <DT> <SCRIPT language=javascript type=text/javascript> document.writeln("<A href='"+sPicArr[0][2]+"' id=slidePicLink target=_blank><IMG id=slidePic style=' FILTER: revealtrans(duration=2.0,transition=12);' src='"+sPicArr[0][0]+"' alt='"+sPicArr[0][1]+"' height=196 width=256 border=0 name=slidePic> </A> "); </SCRIPT> </DT> <DD> <SCRIPT language=javascript type=text/javascript> document.writeln("<div id='item0' class=a onClick='SlidePic(0)'>1</div>"); for(var i=1;i<sPicArr.length;i++){ document.writeln("<div id='item"+i+"' onClick='SlidePic("+i+");'>"+(i+1)+"</div>"); } </SCRIPT> </DD></DL> <div class="clear"></div> <div class="tag"> <!-- 下面为特效中标签一栏的文字及链接,修改为你自己需要的文字及链接即可 --> <a href='http://www.butong.net/background/index.htm' class="tag1" target=_blank>背景按钮特效</a><a href='http://www.butong.net/navigation/index.htm' class="tag2" target=_blank>导航菜单特效</a><a href='http://www.butong.net/img/index.htm' class="tag3" target=_blank>网页图片特效</a><br/> </div> <div class="tag"> <a href='http://www.butong.net/time/index.htm' class="tag1" target=_blank>时间日期特效</a><a href='http://www.butong.net/state/index.htm' class="tag2" target=_blank>状态栏特效</a><a href='http://www.butong.net/other/index.htm' class="tag3" target=_blank>另类网页特效</a> </div>
该特效所使用的图片:
(一)
(二)
(三)
使用说明:使用此特效前请先将上面三个图片文件下载到使用此特效网页的目录中,此特效中的图片、链接及图片轮换的间隔时间可在代码部分修改,浏览代码中的注释即可。
上一个特效:
网页滚动文本框
返回列表
下一个特效:
TOM网站娱乐头新闻代码1
关于我们
|
联系本站
|
免责声明
|
版权声明
|
网站地图
|
友情链接
|
鄂ICP备05023174号
Copyright © 2008
www.butong.net
.All Rights Reserved.