-
纯Css实现图片阴影代码 非常逼真的效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:92
这是纯CSS实现的逼真图片阴影效果,如果觉得不满意,自己再修改下效果,代码比较简单,主要是使用了Filter滤镜,其中的参数都可以修改的。你可以试着修改各个值,看有什么效果。 演示: htmlheadtitleCSS实现逼真图片阴影效果/titlestyle.shadow {-moz-box[详细]
-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目:[Asp教程] 日期:2018-08-23 热度:151
javascript实现的一款特效,我们经常在一些网站看到,就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了,而是由模糊到清淅,或是由一种不占用过多网络资源的方式先大致显示,然后再慢慢加载,避免因用户等不及将网页关掉,像[详细]
-
超酷的js图片切换代码 带有切片滤镜效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:133
具备切片滤镜效果的 Java Script图片切换,图片像水纹一样过渡切换,可选参数有:风格样式、焦点图数量、切片效果(1为甩头,2为甩尾,3为凌乱,4随机)、焦点图切换间隔时间,本效果是无文字版的,也就是仅是图片在切换,烈火随后会发布有文字版。 示例:[详细]
-
仿必应搜索首页图片上显示渐隐渐现的小方块
所属栏目:[Asp教程] 日期:2018-08-23 热度:172
在图片上方显示渐显渐隐藏的小方格子,微软著名的搜索引擎必应(bing.com)就是使用了这种效果,只不过必应的小方框是可以带链接的,本例中没有实现链接,高手们可以修改一下,抽时间把必应的效果分享给大家,像这样的格子可以有很多,都在响应鼠标动作,[详细]
-
javascript 简单实现图片上传预览功能
所属栏目:[Asp教程] 日期:2018-08-23 热度:98
javascript 简单实现图片上传预览功能的代码,没有用到 jQuery ,各有各的特点吧,如果你的网站之前就用有jQuery话,为了方便起见,最好借助jQuery插件完成本功能。要么你就用现在这个纯 Java Script版本的,很实用的功能。 看一下演示效果: HTMLHEADTITL[详细]
-
网页上使用上下左右方向键控制图片移动
所属栏目:[Asp教程] 日期:2018-08-22 热度:120
烈38火07网(LieHuo24.Net)教24程 网页上使用上下左右方向键控制图片移动,用键盘上的方向键,来控制网页上某个图片的移动,按键,图片则向上,按键,图片则向下,其它也如此。聪明的朋友就会知道, Java Script通过获取键盘的键位码,改变图片在XY方向上的[详细]
-
鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置
所属栏目:[Asp教程] 日期:2018-08-22 热度:99
烈07火54网(LieHuo12.Net)教11程 鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置。鼠标拖动图片,经常见的一款效果了,觉得这款代码写的比较有新意,特别是代码量非常少,相信对学习 Java Script的朋友有所启发,点击运行,鼠标放到图片上,按下左键移动[详细]
-
jQuery放大商品图片tips提示框(纯CSS箭头+阴影)
所属栏目:[Asp教程] 日期:2018-08-22 热度:148
烈72火52网(LieHuo12.Net)网页63特效 jQuery 放大商品图片tips提示框,效果中有纯CSS箭头和阴影,在6om购物排行榜上发现了这个商品图片 jquery tips 提示层,非常漂亮。使用 Jquery 类库,代码精简,并且带人性化缺口和阴影。那个箭头不要以为是用图片做的[详细]
-
在网页上实现跟随鼠标移动的图片
所属栏目:[Asp教程] 日期:2018-08-22 热度:174
烈42火24网(LieHuo29.Net)教66程 在网页上实现跟随鼠标移动的图片,鼠标移到哪儿?图片就会跟到哪儿,有意思极了。在这个效果中,图片是一个红苹果,想一想,换成别的图片,会有更奇特的效果来。常用在个人博客个人主页上,一些喜欢个性的朋友们,动动脑袋[详细]
-
纯CSS无图片实现带箭头的提示框,绝对牛叉
所属栏目:[Asp教程] 日期:2018-08-22 热度:51
烈62火28网(LieHuo98.Net)教29程 纯CSS无图片实现带箭头的提示框,绝对牛叉!这个提示框不要以为使用图片了,其实并没有,完全用CSS实现,超牛比吧。CSS高人们确实多啊,新手们赶快研究一下,超实用的效果。而且这个外框还会自适应,不管你的文字有多少、有[详细]
-
jQuery响应鼠标的图片特效,来自Flickr照片分享网
所属栏目:[Asp教程] 日期:2018-08-22 热度:86
烈26火08网(LieHuo81.Net)教17程 Flickr照片分享网的图片预览特效,使用了jquery插件,貌似很不错的效果。鼠标放到图片上,图片会缩小,像是镜头从近拉远的感觉,是Flickr著名照片分享网上边的一个效果,那些大网站有不少网页特效都不错,挺实用,大家有空[详细]
-
鼠标移到图片上自动放大,基于jQuery框架
所属栏目:[Asp教程] 日期:2018-08-22 热度:192
烈47火22网(LieHuo15.Net)教75程 鼠标移到图片上自动放大,基于 jQuery ,刻Google上有过的图片放大效果,值得注意的是,鼠标指不同的位置,放大的位置也就不同。不多介绍了,大家自己看演示吧。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
JavaScript伪3D轮播图片幻灯切换代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:57
烈79火77网(LieHuo77.Net)教07程 Java Script伪3D轮播图片幻灯切换代码,IE6下表现不尽完美,其它浏览器倒没什么大碍。对于IE6看到的斑点,我只能表示很无奈。。。本从水平至此,期待交流~ 演示效果: htmlheadtitleJavaScript伪3D轮播图片幻灯切换代码/ti[详细]
-
JavaScript响应鼠标的图片放大,比较个性
所属栏目:[Asp教程] 日期:2018-08-22 热度:165
Java Script实现一个比较个性的新型图片放大效果代码,在图片的某个区域上点击鼠标,会重点放大该区域,移动鼠标时,图片实时跟随放大区域,再次点击或离开图片区域时则图片恢复原大[详细]
-
JavaScript版可控制切换的图片轮换特效
所属栏目:[Asp教程] 日期:2018-08-22 热度:197
Java Script版可控制的图片切换,设计精美,四张图片轮播,用了5张背景图,简洁大方。 使用说明: addTab(标签栏ID,标签栏子的标签tagname,左右按钮是否在标签栏中并在两侧,标签栏选中时的className,内容栏ID,内容栏子的标签tagname,左右按钮是否在内容栏[详细]
-
JavaScript 回旋滚轴幻灯片切换代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:140
烈44火12网(LieHuo05.Net)网页特效教04程,回旋滚轴幻灯片切换代码,以回旋的方式切换每一张图片,切换方式的改变让人有耳目一新的感觉,以往大家常用的效果有淡入淡出、模糊切换等,本效果同样可设定 开始运行 的图片序号、自动运行时间、运行间隔设置等[详细]
-
图片Title鼠标提示Tips,带人性化缺口
所属栏目:[Asp教程] 日期:2018-08-22 热度:112
图片Title鼠标提示Tips,带人性化缺口,超漂亮的鼠标提示,带人性化缺口,在测试时候大家可改变浏览器窗口大小,可以看到缺口会根据网页的大小智能改变方向,以确保提示位置的正确性,其实由此大家可以学习到更多的 Java Script与CSs代码知识。 演示效果:[详细]
-
纯 CSS 实现图片边框立体阴影效果代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:130
纯CSS 漂亮的立体图片边框效果,图片阴影代码,个人觉得这个挺实用,CSs实现的,定义成类,可让你整个网页上的图片都是有立体阴影的,不错吧,感谢作者分享。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/[详细]
-
感应鼠标的图片遮罩动画效果,jQuery版
所属栏目:[Asp教程] 日期:2018-08-22 热度:56
jQuery 实现动态显示文字TIPS效果,当鼠标移到图片上时,图片遮罩动画显示文字,从四个角展开、收缩。具体效果请您查看下面的演示。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处 运[详细]
-
JavaScript动感图片标题的焦点图切换
所属栏目:[Asp教程] 日期:2018-08-21 热度:95
Java script 动感焦点图切换,标题和简短的图片介绍也是动感的,整体看上去很有灵气,本代码对于学习JavaScript的朋友来说,当作一款学习的参考代码也是适合的,好好研究一下吧。 特效演示: !Doctype htmlhtmlheadmeta http-equiv=Content-type content=t[详细]
-
JS图片响应鼠标自动切换当前效果
所属栏目:[Asp教程] 日期:2018-08-21 热度:59
Java Script实例,通过控制Html网页元素,来控制图片的重叠顺序,鼠标移上某一张,那一张就显示在最前面,移动到最后层,它会显示在最前,有意思吧,其实挺简单。 特效演示: htmlheadtitle改变图片重叠顺序/titlestyle type=text/css.s1{position:absolut[详细]
-
图片轮播效果,仿FLASH效果,JS+CSS效果
所属栏目:[Asp教程] 日期:2018-08-21 热度:156
一款很精致的 Java Script仿Flash图片切换效果,代码比较多,呵呵,用时候是可以封装的,将Js代码摘出封装一下还是不错的,图片由上至下滑动出现,并与底下的小图一一对应起来,当转到下一张时,小图片从右至左移动,下一张图片由上至下再滑动出来。 效果[详细]
-
图片定时自动更换,可设置时间,好似GIF动画
所属栏目:[Asp教程] 日期:2018-08-21 热度:148
两张图片定时自动来回更换,可以在JS中设置定时更换的时间,两张图片不断交替,好似GIF动画,当然这里使用的是两张图片,您可以制作多张图片,同时将图片内容做的相似一些,就可以形成真正的GIF了。 特效演示: htmlheadtitle每隔一定时间更换广告图片/tit[详细]
-
CSS处理图片灰度、反相、X光等效果代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:147
CSS处理图片灰度、反相、X光等效果代码,在Photoshop软件中,我们经常使用这样的效果来处理图片,今天烈火首次发表相关CSS的实现方式,对于提高大家的CSS水平非常有帮助。 推荐阅读:烈火提供的CSS中文手册 特效演示: htmlheadtitle灰度、反相、X光效果/t[详细]
-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-21 热度:60
Java Script控制图片显示在网页的右下角,不管你的浏览器窗口是大或是小,它都在右下角显示着呢,如果出现滚动条,它就不会显示在右下角了,有趣吧?但是不知道作者为什么写出这样的例子,也许是别有用心吧。 其实,现在有一些广告总会显示在右下角,不过代[详细]

浙公网安备 33038102330484号