-
CSS给图片的边框添加阴影效果
所属栏目:[Asp教程] 日期:2018-08-24 热度:108
CSS趣味图片边框之阴影特效代码,这也是大家经常用到的,把一幅图片加上阴影,这样看上去图片是不是更漂亮了,本代码的实现是用一幅自带的阴影图片,用CSs代码去控制阴影图片的显示.当然除此之外,还有其它许多方法都能实现图片阴影. !DOCTYPE html PUBLIC -//W3[详细]
-
js图片循环滚动 向左右两边切换效果
所属栏目:[Asp教程] 日期:2018-08-24 热度:190
JS图片左右切换效果的代码,我费了九牛二虎之力才把这个效果整理好。重新定义了数组。主要是为了编辑们修改方便。图片显示的宽度。对应样式中的宽度也要修改为一致。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
QQ在线状态自定义图片,通过js设置多个号码
所属栏目:[Asp教程] 日期:2018-08-24 热度:75
QQ在线客服状态检测,自定义在线状态图片,可设置不同的QQ号码,号码专一存放在数组里,可以设置无限多个。不过太我的话检测起来就会费时间,甚至为造成网页假死哦。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增[详细]
-
js 实现渐隐图片,鼠标经过时的渐现效果
所属栏目:[Asp教程] 日期:2018-08-24 热度:178
Java Script图片渐现渐隐效果,鼠标放上后激活函数,驱动图片逐渐显示,移开后恢复。本效果基于JS与CSS共同完成,CSS的作用是完成图片透明度的改变,这一步是单步的,Js负责重复这些单步,最终实现淡入淡出效果。 为解决一些网页特效运行后不能显示效果([详细]
-
jQuery 图片自动轮换代码 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-24 热度:128
jquery 自动轮换内容,在代码中可以设置图片的数量,也可以设置切换的时间,如果不想让其轮番的话,也可以让它定时显示一条信息,代码里可以经过设置修改。 以前我们曾经介绍过许多这样的效果,文章回顾: 图片焦点切换展示效果,基于JQuery-1.4.2.js jQuer[详细]
-
jQuery仿淘宝幻灯片图片轮播效果二款
所属栏目:[Asp教程] 日期:2018-08-24 热度:138
今天再介绍两款仿淘宝网的轮播图片效果,基于 jQuery 框架,如果你的网站很多功能都基于jQuery的话,那么推荐使用,这样可以提高网站的性能,并且jQuery是非常优秀的脚本,通过它可以实现很多功能。 回顾一下以前的jQuery图片轮播: 基于jQuery的超大全屏[详细]
-
js获得图片坐标、移动、显示、隐藏图片的代码
所属栏目:[Asp教程] 日期:2018-08-24 热度:170
本文介绍的特效主要功能有:Js移动图片、获得图片坐标、设置图片隐藏等等,可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片,并实现图片的相对移动。 不错吧,来看效果: 网页演示:点击此处 运行演示: HTMLHEADtitlejs移动图片[详细]
-
点击显示、点击隐藏图片 javascript代码
所属栏目:[Asp教程] 日期:2018-08-24 热度:125
Java Script点击显示、隐藏一个层或一个图片的代码,先定义两个函数分别用来显示、隐藏对象的block,然后用两个超链接调用javascript中的两个函数实现显示或隐藏,其实是非常简单的,但是之前有不少朋友问我怎么弄,这里的图片其实可以换成一个登录用的Div[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-21 热度:130
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:168
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效,我做的第一个JS组件,纯 Java Script实现的,没有借用 jQuery ,是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有,纯为练习之作, 然望大家多多指点。 演示: !Do[详细]
-
仿迅雷图片的被动加载效果,兼容性不太好
所属栏目:[Asp教程] 日期:2018-08-21 热度:88
Java script实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img tag 添加 自定义bigsrc属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数,x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像,JS浮动层放大图像
所属栏目:[Asp教程] 日期:2018-08-21 热度:108
鼠标经过图像后弹出一个浮动层然后放大该图像,基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图,程序加载完图像后才能看到效果,这也是一个不完美的地方,仅供参考学习。 演示: htmlheadtitle鼠标经过弹出浮动层,放大图像/titlescript[详细]
-
JS放大镜,移动放大镜,JavaScript图片放大代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:172
JS放大镜, Java Script图片放大代码,JavaScript妙味课堂的一个作品,通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的!的确,这是来自妙味课堂的一个小作品,具体效果大家自己看吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-08-21 热度:146
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JavaScript测试图片转场的滤镜特效
所属栏目:[Asp教程] 日期:2018-08-21 热度:79
Java Script测试图片转场的滤镜特效,为图片添加阴影效果,两种阴影效果的比较,欢迎学习和研究。 代码演示: htmlheadtitle测试图片转场的滤镜特效/titlestyle type=text/cssdiv {width:160;}/stylescript language=JavaScriptvar intflag = 0;function s[详细]
-
JavaScript滤镜控制功能的特效代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:62
Java Script滤镜控制功能的演示代码,让滤镜变成其它的效果,一个比较有趣的小例子,对于学习Javascript有一定的帮助,你可以点击下边的运行按钮查看效果,或者直接点击保存代码到本地。 演示: htmlheadtitleJavaScript控制滤镜特效/titlestyle type=text[详细]
-
CSS图片滤镜特效,阴影、水英灰度、透明度等
所属栏目:[Asp教程] 日期:2018-08-21 热度:124
多种CSS图片滤镜效果的实现代码,每一个效果都用一张图片加以演示,有阴影、水英灰度、透明度、反相、蓝色等效果,在平时我们写网页特效的时候,这些效果是非常常见的。看来CSS的Filter功能相当强大,如果您还不是太了解CSS,或者想学习CSS,请阅读烈火网[详细]
-
图片放大镜代码,JavaScript结合Css完成的特效
所属栏目:[Asp教程] 日期:2018-08-21 热度:89
实用漂亮的放大镜效果,基于 Java Script和CSS代码实现,此类效果可以移植到商品类的网站上,非常不错。代码比较精简,但效果确实不错,因调用的图片比较大,所以运行效果后请稍等一会,等待图片加载。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0[详细]
-
jQuery底部带导航的图片切换,上下滚动效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:112
jQuery 实现图片底部带导航的幻灯片切换代码,在切换时有上下滚动效果,并且当鼠标滑动经过底部的导航按钮时,图片就会切换,也可以叫做滑动式图片切换,还有图片的文字说明标题,聪明的你一看就知道这是翻译自国外网站的代码。 为解决一些网页特效运行后[详细]
-
JS图片变换效果,响应鼠标给图片增加链接代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:138
JS图片变换效果,当我们用鼠标指向或经过图片时,原本没有超级链接的图片会产生链接,并且图片也切换为另一张,不错的网页特效,可以用于一些搞笑类的网站上,例如:默认图片弄一张特漂亮的美眉,当鼠标指到上边时变成恶鬼,哈哈。。。烈火小编有点邪恶了[详细]
-
jQuery图片切换代码,横向拉动的幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:142
一个比较简单的 jQuery 图片切换代码,图片切换时从右向左横向拉动,这样的幻灯片效果还是经常看到的,在烈火网特效代码中也有许多,有时间的童鞋可以去搜索一下。 这款图片切换的数字控制没有按照常规设计出现在图片上,而出现在图片的正文,这个您完全可[详细]
-
随风飘扬的国旗特效,JS+CSS动感的旗帜飘扬代码
所属栏目:[Asp教程] 日期:2018-08-18 热度:189
每当国歌响起的时候,我们就会看到随风飘扬的国旗!但是您有没有在网页上看到类似GIF动画的图片国旗特效呢?这让小编想起了3年前烈火网发表的一篇教程:PS制作旗帜飘扬的GIF动画效果!不好意思,亲爱的朋友们,跑题了!这里要说明一点,我们是使用的JS+CSS[详细]
-
jQuery响应鼠标的滑动式背景透明的说明效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:124
这是一个非常棒的响应鼠标的、滑动式背景变色并且透明的文字说明效果,当然!肯定的!这里引用了 jQuery 插件,兼容性不用说了,IE系列浏览器和火狐、 Chrome 等都可以实现。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特[详细]
-
JS图片alt提示文字,右侧“方框”的说明效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:161
JS实现图片的提示效果,类似于alt的提示文字,只不过这里是在图片的右侧一个方框中给出的说明,比较个性的东西,大家看看用在哪里比较好吧。 代码演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadtitle简洁实用的图片文字说明效果/titlem[详细]
-
jQuery模拟图片切换,点击按钮动态滚动内容
所属栏目:[Asp教程] 日期:2018-08-18 热度:175
jQuery 模拟图片切换效果,当我们使用图片点击按钮时,内容动态滚动,这里的内容您完全可以替换为JPG或其它格式的图片,类似于此的效果还有烈火网于今年10月12日发表的《jQuery+Css模拟带标题导航的图片切换效果》,您可以回顾一下。 为解决一些网页特效运[详细]
