叶子工作室-logo 叶子工作室-banner
设为首页 | 加入收藏 | 联系我们 | 付款方式
 
本站首页 域名注册 虚拟主机 网站建设 网站案例 网页特效 Flash设计 网页教程 技术文档 来宾留言 油画商城 包包商城
 
[网页特效]44、flash幻灯片图片新闻管理系统(2008-8-15)
[商城]包包商城开通,希艾妮时尚女包。(2008-7-30)
[商城]油画肖像定制,100%纯手工绘制。(2008-4-24)
[公告]即时起,域名、主机价格均有不同程度的涨价。(2007-10-15)
[资源下载]新增扩展名批量修改软件。(2007-9-7)
[网页特效]41、用代码实现网页背景渐变效果。(2007-5-17)
 

用代码实现给图片添加投影效果。
QQ在线状态显示。
滚动字幕的制作方法。
图片交替渐变特效。
透明Flash的应用。
用iframe嵌套调用网页。
设置网页字体为9号字。
“设为首页”如何添加?
多种不同超链接的应用。
网页竖线的多种制作方法。
CSS设置段落文字行高。
第一章 建立网站
第二章 做网站之前的构思
第三章 DW表格的应用
第四章 深入了解DW表格
第五章 网页超链接
第六章 Photoshop的应用
     更多...
当前位置:首页 > 网页特效 > 多幅图片交替渐变的特效。

在单元格中插入以下代码:

<td> <script language="javascript"> var adImg = new Array(); var adLink = new Array(); var cID = 0;
adImg[0] = "../pic/pic_01.jpg";
adLink[0] = "http://www.leafbbs.com";
adImg[1] = "../pic/pic_02.jpg";
adLink[1] = "http://www.leafbbs.com";
adImg[2] = "../pic/pic_03.jpg";
adLink[2] = "http://www.leafbbs.com";
adImg[3] = "../pic/pic_04.jpg";
adLink[3] = "http://www.leafbbs.com";

var preImgs = new Array(); for(i=0;i<2;i++) { preImgs[i] = new Image(); preImgs[i].src = adImg[i]; } function NextAd()
{ if(cID == 4)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src
= adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnValue = true; } function Go2Url()
{ window.open(adLink[cID-1]); }</script> <a onMouseOver="javascript:ShowLink();return document.returnValue;" href="javascript:Go2Url();"><img name="imgAD"
style="FILTER: revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid;
BORDER-BOTTOM:#cccccc 1px solid"
src="javascript:NextAd()" border="0" width="200" height="150" hspace="0" vspace="0"></a></td>

 

解说:效果如右上图所示,相信这种特效你在各大网站也都见识过了。
把这段代码插入到想放图片的单元格中,需要修改的就是adImg[0]=....这是图片的和位置,可以是放绝对路径也可以是相对路径;adLink[0]=....这是图片的超链接地址,我们可以让每张图片都对应链接到不同的内容;
Border-right:......这段是设置给图片加一个灰色的外框,颜色值#cccccc可以自己改;
底部width="100" height="100"根据你图片的实际尺寸来做出调整;
Copyright © 2003 leafbbs.com All Rights Reserved.
QQ:83720594 E-mail:zxy_9280@163.com
叶子工作室版权所有 备案号:闽ICP备05006422号