摘要:
代码简介:JavaScript图片滚动,看了一下代码,好像这方法挺简便的,容易修改,滚动无空隙,循环连续滚动,鼠标放上后停止,中间部分代码使用了Table,不懂CSS的朋友也没关系,你可以继续开发,以满足你的需要。代码内容:View Code <title>JS实现图片从右向左滚动代码-www.webdm.cn</title><divid=demostyle=overflow:hidden;height:180;width:600;color:#ffffff><tablealign=leftcellpadding=0cellspace=0border= 阅读全文
摘要:
代码简介:一个比较经典的JavaScript图片轮番切换代码,使用相当方便,图片列表完全可以由你从数据库中取出,这使得你有可能将其布置到你的后台管理程序中,比如可以适时从本地上传图片,由前台程序读出数据库路径,而不用更改JS代码,这样会方便很多。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="ht 阅读全文
摘要:
代码简介:仿265网站LOGO,会盯着你看的眼睛,会跟着你的鼠标转,有意思吧?这可是用JavaScript实现的哦,学习JS控制图像很不错的实例。代码内容:View Code <html><head><title>JavaScript仿265网站LOGO会盯着你看的眼睛代码-www.webdm.cn</title></head><body><scripttype="text/javascript">if((document.getElementById)&&window.ad 阅读全文
摘要:
代码简介:一个JavaScript图片滚动效果,与其它不同的区别是,它是可以被控制的,向左向右滚动都需要点击两端的小箭头,图片滚动时候带有缓冲效果,演示图片没有加链接,你决定用了就好好完善它,现在只是一个基础的框架,也没有怎么美化,请注意,JavaScript代码一定要放在调用图片的代码之后,否则会失效。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q 阅读全文
摘要:
代码简介:图片围成环形来回滚动的图片特效,有立体感,而且设计的也挺不错,演示中除了部分图片,为了让页面加载更快,如果你想用的话,你可以无限制添加下去,只要你的网页很快哦。代码内容:View Code <html><head><title>有空间感的图片环形滚动代码-www.webdm.cn</title><style>html,body{background:#990000;margin:0px;}#pics_3d{position:absolute;height:300px;width:100%;background:#000;to 阅读全文
摘要:
代码简介:JavaScript图片预加载技术,和平时大家说的网页loading有点像,本代码真正实现了加载完图片再显示的功能,如果图片没有下载完则一直显示正在加载,而且不会影响网页其它部分的正常下载,可以提高你网页的速度。代码内容:View Code <html><head><title>JavaScript预加载图片并显示loading的代码-www.webdm.cn</title><styletype="text/css">div{border:#aaaaaa3pxsolid;width:200px;paddi 阅读全文
摘要:
代码简介:用CSS制作一个ImageView,类似一个相册浏览的功能,重点研究一下层与布局。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh-cn"lang="zh-cn"><h 阅读全文
摘要:
代码简介:来自经典论坛的一款仿天极网图片切换特效,含有详细的设置说明,使用起来比较简单。请在开始时设置图片目录、标题长度、图片切换的时间等,还可以设置Ad跟踪条的颜色,更多的自定义选项让它更能适合你网站的使用。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/19 阅读全文
摘要:
代码简介:不知道该如何形容这种效果,就叫做雷达效果吧,像一束光一样照亮整个图片,背景图片变暗,这里是用CSS降低了图片的透明度。个人感觉不怎么实用,有喜欢的拿去。代码内容:View Code <html><head><title>图片上的雷达光照效果代码-www.webdm.cn</title></head><BODYbgColor=#000000onload=go()><script><!--varLight_X=20varLight_Y=20varLight_Z=40varxInc=10;varyIn 阅读全文
摘要:
代码简介:CSS制作的图片查看特效,鼠标放上后出现放大的图片,带漂亮的边框修饰,还可以加入简短的图片说明。代码内容:View Code <html><head><title>鼠标移向小图显示大图-www.webdm.cn</title><styletype="text/css">.thumbnail{position:relative;z-index:0;}.thumbnail:hover{background-color:transparent;z-index:50;}.thumbnailspan{positio 阅读全文