-
JavaScript动感图片标题的焦点图切换
所属栏目:[Asp教程] 日期:2018-08-23 热度:61
Java script 动感焦点图切换,标题和简短的图片介绍也是动感的,整体看上去很有灵气,本代码对于学习JavaScript的朋友来说,当作一款学习的参考代码也是适合的,好好研究一下吧。 特效演示: !Doctype htmlhtmlheadmeta http-equiv=Content-type content=t[详细]
-
JS图片响应鼠标自动切换当前效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:141
Java Script实例,通过控制Html网页元素,来控制图片的重叠顺序,鼠标移上某一张,那一张就显示在最前面,移动到最后层,它会显示在最前,有意思吧,其实挺简单。 特效演示: htmlheadtitle改变图片重叠顺序/titlestyle type=text/css.s1{position:absolut[详细]
-
图片轮播效果,仿FLASH效果,JS+CSS效果
所属栏目:[Asp教程] 日期:2018-08-23 热度:86
一款很精致的 Java Script仿Flash图片切换效果,代码比较多,呵呵,用时候是可以封装的,将Js代码摘出封装一下还是不错的,图片由上至下滑动出现,并与底下的小图一一对应起来,当转到下一张时,小图片从右至左移动,下一张图片由上至下再滑动出来。 效果[详细]
-
图片定时自动更换,可设置时间,好似GIF动画
所属栏目:[Asp教程] 日期:2018-08-23 热度:55
两张图片定时自动来回更换,可以在JS中设置定时更换的时间,两张图片不断交替,好似GIF动画,当然这里使用的是两张图片,您可以制作多张图片,同时将图片内容做的相似一些,就可以形成真正的GIF了。 特效演示: htmlheadtitle每隔一定时间更换广告图片/tit[详细]
-
CSS处理图片灰度、反相、X光等效果代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:91
CSS处理图片灰度、反相、X光等效果代码,在Photoshop软件中,我们经常使用这样的效果来处理图片,今天烈火首次发表相关CSS的实现方式,对于提高大家的CSS水平非常有帮助。 推荐阅读:烈火提供的CSS中文手册 特效演示: htmlheadtitle灰度、反相、X光效果/t[详细]
-
图片固定范围内左右移动,就像秋千一样
所属栏目:[Asp教程] 日期:2018-08-20 热度:57
图片的左右移动,具备像荡秋千一样的动画效果,图片自己可重新定义,移动速度和距离也可在代码内设定,挺简单的Js生成动画的特效代码,该代码可能在网上没有直接使用的价值,但是具有参考的意义,童鞋们可以多学习一下JS脚本。 演示: htmlheadmeta http-e[详细]
-
渐隐渐显的图片自动播放,纯JavaScript代码实现
所属栏目:[Asp教程] 日期:2018-08-20 热度:159
渐隐渐显的图片自动播放,纯 Java Script代码实现,一个小效果,针对图片而编写的,结合了JavaScript,让一连串的图片以渐显示的方式自动播放,图片的网址赋值给了JS的数组,再交给主程序循环调用,并为图片的渐渐显示功能写了一个函数,使图片的透明度在1[详细]
-
通过下拉框菜单选择查看图片的网页代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:80
通过下拉框菜单选择查看图片的网页代码,一个很实在的小代码,采用带跳转的下拉框切换图片,以达到查看图片的效果。实际上是个基础的技巧,早在学网页设计的时候, dreamweaver 里就有此功能,除了做成切换图片,网址跳转也是可以的,演示效果请点击运行按[详细]
-
jQuery实现产品图片放大效果,响应鼠标弹出
所属栏目:[Asp教程] 日期:2018-08-20 热度:53
基于 jQuery 的图片放大代码,响应鼠标,我们在淘宝网经常见到这样的效果,因此就效果而言,与淘宝网的相比没差多少,使用了jQuery插件简化了不少代码,原图是调用的大图,不需要重新制作缩略图,简单方便的图片效果。 为解决一些网页特效运行后不能显示效[详细]
-
图片上下左右全方位滚动特效,通过按钮可控制
所属栏目:[Asp教程] 日期:2018-08-20 热度:52
图片上下左右全方位滚动特效,通过按钮可控制,一眼看上去好像 录音机 的界面,其实这是一个通过JS控制方向滚动的图片,大家学习一下吧。 注意:在滚动的时候,鼠标还可以拖动,但是你会发现,即使你拖动了,它还是照样会按照原来的方向滚动。 演示: HTML[详细]
-
JavaScript控制图片放大,图片缩小,图片还原
所属栏目:[Asp教程] 日期:2018-08-20 热度:73
烈57火24网(LieHuo17.Net)教72程 Java Script代码实现对图片放大、缩小的控制,当点击放大的时候,图片会放大,点缩小则变小,连续点击则不断的放大,也可清除还原。这项功能是通过 Math.pow(x,y) 的幂运算来计算大小图片放大缩小的尺寸。 演示: htmlhead[详细]
-
CSS 教程: Fliter 图片修饰特效代码之二
所属栏目:[Asp教程] 日期:2018-08-20 热度:124
一个CSS教程,主要讲Fliter滤镜的使用方法,将一幅图片修饰成不同的效果,类似反光、翻转图片、副片、单色、增加通道等图像专业效果。通过这个小教程,你或许会对Fliter有个熟悉的了解。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
Css filter:滤镜修饰图片实例代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:111
烈87火56网(LieHuo42.Net)教63程 Css filter:滤镜修饰图片实例,同一张照片,通过定义不同的CSS修饰效果,会获得让你意想不到的效果。其实这里仅使用了CSS中的Fliter滤镜,设置Fliter不同的参数,得到不同的光照角度,出来的效果当然也就不一样了。 演示:[详细]
-
在网页空白处单击鼠标显示图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:181
烈14火66网(LieHuo87.Net)教55程 Java Script 在网页上单击鼠标的地方显示图片,有意思吧,其实菜单也可以这样搞,单击鼠标,显示菜单,呵可,把IMG标签换成DIV,把图片换成文字,把文字再制作成菜单,是不是一款隐藏菜单就做好了? 推荐类似文章:显示与隐[详细]
-
JavaScript 简单的显示、隐藏图片代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:157
烈61火73网(LieHuo65.Net)教84程 Java Script 简单的显示、隐藏图片代码,这里最关键是定义好图片的ID,然后利用按钮的onClick函数的visibility方法来轻易实现图片的visible与hidden,其实OnClick控制的只是ID,并不会管ID里面究竟是什么,如果把图片换成[详细]
-
jQuery底部带导航的图片切换,上下滚动效果
所属栏目:[Asp教程] 日期:2018-08-16 热度:161
jQuery 实现图片底部带导航的幻灯片切换代码,在切换时有上下滚动效果,并且当鼠标滑动经过底部的导航按钮时,图片就会切换,也可以叫做滑动式图片切换,还有图片的文字说明标题,聪明的你一看就知道这是翻译自国外网站的代码。 为解决一些网页特效运行后[详细]
-
JS图片变换效果,响应鼠标给图片增加链接代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:95
JS图片变换效果,当我们用鼠标指向或经过图片时,原本没有超级链接的图片会产生链接,并且图片也切换为另一张,不错的网页特效,可以用于一些搞笑类的网站上,例如:默认图片弄一张特漂亮的美眉,当鼠标指到上边时变成恶鬼,哈哈。。。烈火小编有点邪恶了[详细]
-
jQuery图片切换代码,横向拉动的幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-16 热度:198
一个比较简单的 jQuery 图片切换代码,图片切换时从右向左横向拉动,这样的幻灯片效果还是经常看到的,在烈火网特效代码中也有许多,有时间的童鞋可以去搜索一下。 这款图片切换的数字控制没有按照常规设计出现在图片上,而出现在图片的正文,这个您完全可[详细]
-
随风飘扬的国旗特效,JS+CSS动感的旗帜飘扬代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:121
每当国歌响起的时候,我们就会看到随风飘扬的国旗!但是您有没有在网页上看到类似GIF动画的图片国旗特效呢?这让小编想起了3年前烈火网发表的一篇教程:PS制作旗帜飘扬的GIF动画效果!不好意思,亲爱的朋友们,跑题了!这里要说明一点,我们是使用的JS+CSS[详细]
-
jQuery响应鼠标的滑动式背景透明的说明效果
所属栏目:[Asp教程] 日期:2018-08-16 热度:116
这是一个非常棒的响应鼠标的、滑动式背景变色并且透明的文字说明效果,当然!肯定的!这里引用了 jQuery 插件,兼容性不用说了,IE系列浏览器和火狐、 Chrome 等都可以实现。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特[详细]
-
JS图片alt提示文字,右侧“方框”的说明效果
所属栏目:[Asp教程] 日期:2018-08-16 热度:147
JS实现图片的提示效果,类似于alt的提示文字,只不过这里是在图片的右侧一个方框中给出的说明,比较个性的东西,大家看看用在哪里比较好吧。 代码演示: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadtitle简洁实用的图片文字说明效果/titlem[详细]
-
jQuery模拟图片切换,点击按钮动态滚动内容
所属栏目:[Asp教程] 日期:2018-08-16 热度:71
jQuery 模拟图片切换效果,当我们使用图片点击按钮时,内容动态滚动,这里的内容您完全可以替换为JPG或其它格式的图片,类似于此的效果还有烈火网于今年10月12日发表的《jQuery+Css模拟带标题导航的图片切换效果》,您可以回顾一下。 为解决一些网页特效运[详细]
-
鼠标放到、滑过图片动态放大效果,jQuery代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:167
一款 jQuery 放大图片的代码,当我们把鼠标放到图片上、滑过图片时,动态弹出放大的图片,这样的例子烈火网介绍过许多,有jQuery版的、还有JS放大图片的代码,有时间的朋友可以在站内搜索一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要[详细]
-
一个极简单的js图片切换,焦点图显示代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:187
一款简洁的网页焦作图,用在网页上可作图片切换,做的比较简洁,不管是焦点图的表现形式或是焦点图代码这方面,都省去了不少的代码,图片引用了本站的演示图片,在CSS中,可以设置焦点图控制按钮的背景图片,这样不至于图片会影响到控制按钮的显示。 示例[详细]
-
jQuery箭头控制图文内容左右滚动代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:114
jQuery 箭头控制图文内容左右滚动效果,代码中有大量的脚本注释,方便大家使用和修改,并且此例的兼容性也是不错的,欢迎大家使用。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效[详细]
