上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 45 下一页
摘要: 代码简介:最近见到Facebook网站的图片圆角很特别,将一张方角的图片经过CSS定义后自动变成了圆角,后来研究了一番,发觉是用CSS控制一个圆角背景图片叠加而成,值得学习,不过因为是Facebook的资源图片,你在变动图片大小的时候最好将背景图片也变大。 注意,本效果在IE7以下版本浏览器有问题。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"<head><title>将图片四角变为圆角的CSS代码-www.webdm.cn</title> 阅读全文
posted @ 2011-08-23 10:23 网页代码站 阅读(1805) 评论(0) 推荐(1) 编辑
摘要: 代码简介:支持火狐的图片切换效果,设计得很漂亮,还带有渐变效果。代码内容: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><title>兼容火狐漂亮的图片切换效果代码_网页代码站(www.webd 阅读全文
posted @ 2011-08-22 10:10 网页代码站 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 代码简介:JS模拟Windows的图片放大特效,两边有控制按钮,不是真正意义上的放大,因为图片的像素没有达到的话,放大也也照样不清淅哦。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><title>JS实现的防Windows的图片放大特效代码_网页代码站(www.webdm.cn)</title 阅读全文
posted @ 2011-08-22 10:09 网页代码站 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 代码简介:经过美化过的匀速图片滚动,速度在JS函数里可以自己调整,带有注释,数值越大滚动越慢。为了节省下载时间,这里的图上用文字代替了,你用的时候自己加上吧。代码内容:View Code <HTML><HEAD><TITLE>可用于产品展示的匀速图片滚动代码_网页代码站(www.webdm.cn)</TITLE><style>P{MARGIN:20px}.table-left-right{BORDER-LEFT:#E7E7E71pxsolid;BORDER-RIGHT:#E7E7E71pxsolid;}TD{font-size:12p 阅读全文
posted @ 2011-08-16 08:35 网页代码站 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 代码简介:一个老外完成的JS图片特效,运用了特殊算法,将多幅图片组合在一起,使浏览器变得智能起来,当移上某个图片的时候,图片会慢慢放大一些并靠近你,如果点击的话,会快速放大到你的眼前,其它的远去或变暗。可能算法原因,运行后CPU占用很历害,电脑有点慢。代码内容:View Code <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>【荐】一个漂亮的Java 阅读全文
posted @ 2011-08-16 08:34 网页代码站 阅读(637) 评论(0) 推荐(0) 编辑
摘要: 代码简介:这是个很常见的图片显示特效,当鼠标经过图片的时候,图片上浮动一个半透明的层,层内显示文字,同时图片边框变亮,视觉效果相当好。代码内容:View Code <html><head><title>鼠标滑过图片显示半透明文字,边框变色代码_网页代码站(www.webdm.cn)</title><styletype="text/css">body{background:#333}img{border:none}.wrap{margin:10px;position:relative;}.photoa{positio 阅读全文
posted @ 2011-08-13 08:21 网页代码站 阅读(1064) 评论(1) 推荐(0) 编辑
摘要: 代码简介:图片载入Loading效果,当图片没有载入的时候,显示正在加载中,当加载完成出现图片,LOADING可以有效防止资源浪费,提升用户体验的好方法。代码内容:View Code <title>一个简单的载入图片等待状态的Loading代码_网页代码站(www.webdm.cn)</title><script>functionaaa(){document.getElementById('aa').innerHTML='';}</script><divstyle="margin:300px0px0 阅读全文
posted @ 2011-08-13 08:20 网页代码站 阅读(703) 评论(0) 推荐(0) 编辑
摘要: 代码简介:图片3D展示,鼠标晃动的时候图片跟着就动了,点击的时候会稍微放大一些,不同的角度会出现不一样的效果,JavaScript与CSS结合共同形成的效果。代码内容:View Code <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>【荐】超绚的JavaScript立体图片展示代码_网页代码站(www.webdm.cn)</title>& 阅读全文
posted @ 2011-08-12 09:35 网页代码站 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 代码简介:CSS等比例缩小图片,实用性较强的一个CSS技巧,等比例一般都是在我们规定的高度或宽度超出范围时候,另图片以高或宽为基准按比例缩小或放大,这样保证网页布局的整齐性,这也是CSS功能的强大之处。不过本处是CSS调用了expression,也就是说用CSS调用了JavaScript,有点不爽。代码内容:View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 阅读全文
posted @ 2011-08-12 09:34 网页代码站 阅读(552) 评论(0) 推荐(1) 编辑
摘要: 代码简介:请等待图片加载完成,比较炫的一个创意,你自行车的链条一样,鼠标拖动水晶球,模拟了系在一起的物体的运动过程,那些小球也挺漂亮。代码内容:View Code <html><head><title>JS拖动水晶球特效代码_网页代码站(www.webdm.cn)</title><styletype="text/css">body{cursor:crosshair;margin:0;padding:0;position:absolute;overflow:hidden;background:#000;left:0; 阅读全文
posted @ 2011-08-11 09:48 网页代码站 阅读(640) 评论(0) 推荐(0) 编辑
上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 45 下一页