09 2011 档案
摘要:代码简介:JavaScript圆形虚幻效果,跟PS里面的羽化效果有点像。代码内容:View Code <html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>用JavaScript防PS里的羽化效果代码-www.webdm.cn</title></head><bodyonload=setValues()><center><SCRIPTlangu
阅读全文
摘要:代码简介:JS+CSS实现多种图片过渡效果,模切、竖切、百叶窗、还有马赛克、淡入淡出、透明度变化等,有一些是我们经常会用到了,很好的一段代码,点击运行查看一下效果,如果没看到,请刷新一下页面再试。代码内容:View Code <html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>用JS+CSS实现多种图片漂亮效果的代码-www.webdm.cn</title></head>
阅读全文
摘要:代码简介:这个CSS特效代码很不错,将一幅图片变成拖尾的影子效果,就是大家所说的幻影效果,同样是使用CSS的filter滤镜,一句代码就解决了问题,你可以试着改变他们的参数,会有更炫的效果出现。代码内容:View Code <html><head><title>让图片出现幻影效果的CSS代码-www.webdm.cn</title></head><body><style>#test{filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=30,D
阅读全文
摘要:代码简介:JavaScript水平循环飞舞的图片,这个功能我们在编写游戏的时候能用得上,当然这里的图片你也可以把它换作是文字,JS只管ID而不管内部会是什么内容,本代码修改起来也方便,希望有朋友喜欢。代码内容:View Code <html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>让图片水平循环飞舞的JavaScript代码-www.webdm.cn</title></hea
阅读全文
摘要:代码简介:JavaScript简易图片分割,不能拖动分割,指定区域分割,还不清楚怎么玩,有兴趣的朋友可以研究研究。代码内容:View Code <htmlxmlns:(null)0="http://www.w3.org/TR/REC-html40"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>简易的JavaScript图片分割代码-www.webdm.cn</title&
阅读全文
摘要:代码简介:从老外那里整理出来的,优化了部分JavaScript代码,图片地址及文字描述都写在JS的数组里,因此适合一些不经常更新的页面,因为将地址及信息写进数组,对动态更新造成一定麻烦,用到的可关注一下。代码内容:View Code <html><head><title>JavaScript控制图片左右播放的幻灯片代码-www.webdm.cn</title><style>.Caption{font-family:Arial;font-weight:normal;font-size:12pt;color:#FF3300;}A.Cont
阅读全文
摘要:代码简介:来自腾讯网商品滚动特效,引用了远程的图片和文字 ,请下载到本地,总之效果还是不错的,美观,占用位置少。布局灵活。代码内容:View Code <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>JS+CSS防腾讯网商品滚动效果代码-www.webdm.cn</TITLE><METAhttp-equiv=Content-Typecontent="text/html;charset=gb2312&
阅读全文
摘要:代码简介:JavaScript控制图片水平淡入淡出切换,同时实现图片的半透明效果,修改一下就可以变成一个图片幻灯了。代码内容:View Code <html><head><title>JavaScript图片水平淡入淡出切换效果代码-www.webdm.cn</title></head><body><tablealign=centercellpadding=0cellspacing=0border=0><tr><tdalign="center"valign="mi
阅读全文
摘要:代码简介:类似于点击小图预览图片的功能,在淘宝网可以见到这种图片展示技巧,当用鼠标点击小图的时候,大图会从小图的位置突然弹出来,而且慢慢放大,至于这么大到什么程序,这个需要由您来设定,实际上本特效还是非常有用的。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1
阅读全文
摘要:代码简介:仿淘宝网的商品图片预览效果,点击小缩略图会生成预览大图,这里的生成是指调用,当鼠标放到小图上时激活脚本,开始加载大图,一方面减少网页带宽,另一方面可以方便用户浏览图片,提高用户操作舒适度,总体感觉效果不错,几乎和淘宝网的一一模一样。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http
阅读全文
摘要:代码简介:很炫的图片展示特效,由一组图片构成一个3D的圆环状,并自动旋转,鼠标放到某一图片上会自动停止,JavaScript 的功能真够强大,你是不是后悔没有学好JS呢?代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="www.w3.org/1999/xhtml"><head><
阅读全文
摘要:代码简介:片闪烁代码,闪的挺来劲,用JS实现起来非常简单,这时注意时间间隔这个参数,数值越大闪烁越不连续,数值越小闪烁越历害,你可以随意更改这个值,真到你满意的效果。代码内容:View Code <title>图片闪烁代码-www.webdm.cn</title><DIVID="soccer"STYLE="position:absolute;left:150;top:30"><imgSRC="http://www.webdm.cn/themes/pic/webdm_logo.gif"borde
阅读全文
摘要:代码简介:仿淘宝星星投票,兼容性好,淘宝网在交易完毕后有一个星星投票,看着很漂亮。代码内容:View Code <title>仿淘宝网评价的五角星投票代码-www.webdm.cn</title><scriptlanguage="javascript">yg_Ratings.Msgs=newArray("差","及格","一般","比较好","棒极了");yg_Ratings.Labels=newArray("1Star"
阅读全文
摘要:代码简介:精美的JS图片水平向左滚动,设计的比较好,看上去视觉效果很不错。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type&
阅读全文