·
网页特效集锦
·
网页工具库
背景按钮
导航特效
图片特效
文本特效
时间特效
状态特效
另类特效
网页制作
网站首页
< 后退
|
收藏网页特效集锦
推荐网页特效
购物网站的导航效果,推荐!
向上下左右滚动图片的特效
超级变态广告代码
设为首页
加入收藏夹
防止选择和复制
新浪博客的提示窗口,推荐!
推荐网页工具
在线html编辑器
在线css编辑器
滚动条颜色生成器
弹出窗口生成器
网页加密解密工具
汉字转换成拼音工具
文本繁简体转换工具
您的位置:
网页特效集锦
>>
另类网页特效
>> tom网站娱乐头新闻代码
查看此特效演示
tom网站娱乐头新闻代码,推荐!
把如下代码复制到<head>与</head>之间
<style type="text/css"> #t_l { width: 360px } #t_l1 { border-right: #ff6000 1px solid; border-top: #ff6000 1px solid; border-left: #ff6000 1px solid; width: 358px; border-bottom: #ff6000 1px solid; text-align: center } #t_l1_in1 { font-weight: bold; background-image: url(butong_net_1.jpg); background-repeat: no-repeat; height: 28px; text-align: left } #l1_in1_txt { padding-right: 0px; padding-left: 18px; font-weight: bold; padding-bottom: 0px; width: 100px; padding-top: 10px; height: 18px } #t_l1_in2 { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 350px; padding-top: 3px } #t_l1_in3 { background-image: url(butong_net_2.jpg); margin: 0px 3px 3px; width: 350px; height: 29px; text-align: left } #l1_in3_1 { padding-right: 5px; padding-left: 5px; float: left; padding-bottom: 0px; width: 250px; padding-top: 5px; text-align: left } #l1_in3_2 { padding-right: 10px; padding-left: 0px; font-weight: bold; float: right; padding-bottom: 0px; width: 70px; padding-top: 8px; text-align: right } #l1_in3_2 a:link { font-size: 12px; color: #404040; text-decoration: none } #l1_in3_2 a:visited { font-size: 12px; color: #404040; text-decoration: none } #l1_in3_2 a:hover { color: red; text-decoration: none } </style>
把如下代码复制到<body>与</body>之间
<div id=t_l> <div id=t_l1> <div id=t_l1_in1> <div id=l1_in1_txt><a href="http://ent.tom.com/newspic/pic_list.html" target=_blank style="font-size:12px;color:#000000;text-decoration: none;">今日焦点</a></div> </div> <script language=javascript type=text/javascript> var imgurl=new array(); var imglink=new array(); //第1幅图 imgurl[1]="http://ent.tom.com/uldf/2007/1226/wanghaiping/071226whp7.jpg"; imglink[1]="http://ent.tom.com/2007-12-26/000e/02206309.html"; //第2幅图 imgurl[2]="http://ent.tom.com/uldf/2007/1226/lujiyan/tom_st232.jpg"; imglink[2]="http://ent.tom.com/2007-12-25/0pvd/12689572.html"; //第3幅图 imgurl[3]="http://ent.tom.com/uldf/2007/1226/fangjinming/071226hot2.jpg"; imglink[3]="http://ent.tom.com/zhuanti/m/eurofilm.html"; //第4幅图 imgurl[4]="http://ent.tom.com/uldf/2007/1225/wangxuedan/ent1.jpg"; imglink[4]="http://ent.tom.com/2007hero/talk.html"; //第5幅图 imgurl[5]="http://ent.tom.com/uldf/2007/1225/lisiyao/laotai.jpg"; imglink[5]="http://ent.tom.com/test/index.html"; //第6幅图 imgurl[6]="http://ent.tom.com/uldf/2007/1226/fanbinbin/shoutu1.jpg"; imglink[6]="http://www.12530.com/tpl/phb/phb.jsp"; var num_pic=6; var time1 = 0; //打开页面时等待图片载入的时间,单位为秒,可以设置为0 var time2 = 5; //图片轮转的间隔时间 var timeout1 = time1*1000; var timeout2 = time2*1000; var nn; nn=1;//初始焦点 var curfilenum = 1;//传递给myplayer对象 表示目前焦点序列值 if(navigator.appname == "microsoft internet explorer"){ settimeout('change_img()',timeout1); } function change_img(){ if(nn>num_pic) nn=1; settimeout('setfocus2('+nn+')',timeout1); nn++; tt=settimeout('change_img()',timeout2); } function setfocus2(m){ curfilenum = m; selectlayer1(m); imginit.filters.revealtrans.transition=23; imginit.filters.revealtrans.apply(); playtran(); document.images.imginit.src=imgurl[m]; } function setfocus1(m){ nn = m; ln=m; curfilenum = m; selectlayer1(m); setfocus2(m); } function selectlayer1(m){ for (a=1;a<num_pic+1;a++ ) { document.images['fi_'+a].src='butong_net_n'+a+'_off.gif'; } document.images['fi_'+m].src='butong_net_n'+m+'_on.gif'; } function gourl(){ ln=nn; if (ln ==1) { jumpurl=imglink[ln]; }else { jumpurl=imglink[ln-1]; } jumptarget='_blank'; if (jumpurl != ''){ if (jumptarget != '') window.open(jumpurl,jumptarget); else location.href=jumpurl; } } function playtran(){ if (document.all) imginit.filters.revealtrans.play(); } 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); } } </script> <script language=javascript> document.write('<div id="t_l1_in2"><a href="javascript:gourl()"><img src="'+imgurl[1]+'" width="350" name="imginit" height="200" border="0" style="filter: revealtrans(duration=2,transition=6)"></a></div>'); document.write('<div id="t_l1_in3"><div id=l1_in3_1>'); for (m=1;m<num_pic+1;m++ ) { document.write('<a href=javascript:setfocus1('+m+');><img height=18 src=butong_net_n'+m+'_off.gif width=18 border=0 name=fi_'+m+'></a> '); } document.write('</div><div id="l1_in3_2"><img src="butong_net_3.gif" width=12 height=11 hspace=5 align=absmiddle><a href="http://ent.tom.com/newspic/pic_list.html" target="_blank">更多</a></div></div>'); document.images.imginit.src=imgurl[1]; </script> </div> </div>
该特效所需的图片素材,点击下载
使用说明:请先下载上面的图片素材压缩包并解压出里面的图片,然后将素材图片与你的网页放在同一个目录中,新闻代码中的图片、链接及图片轮转的间隔时间可在<body>代码部分修改,浏览代码中的注释即可。
返回列表
下一个特效:
网页中随时显示文本
关于我们
|
联系本站
|
免责声明
|
版权声明
|
网站地图
|
友情链接
|
域名注册
|
网站空间
copyright © 2003~2008
www.xinnew.com
.all rights reserved.