-
jQuery 图片自动轮换代码 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-25 热度:181
jquery 自动轮换内容,在代码中可以设置图片的数量,也可以设置切换的时间,如果不想让其轮番的话,也可以让它定时显示一条信息,代码里可以经过设置修改。 以前我们曾经介绍过许多这样的效果,文章回顾: 图片焦点切换展示效果,基于JQuery-1.4.2.js jQuer[详细]
-
jQuery仿淘宝幻灯片图片轮播效果二款
所属栏目:[Asp教程] 日期:2018-08-25 热度:154
今天再介绍两款仿淘宝网的轮播图片效果,基于 jQuery 框架,如果你的网站很多功能都基于jQuery的话,那么推荐使用,这样可以提高网站的性能,并且jQuery是非常优秀的脚本,通过它可以实现很多功能。 回顾一下以前的jQuery图片轮播: 基于jQuery的超大全屏[详细]
-
js获得图片坐标、移动、显示、隐藏图片的代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:188
本文介绍的特效主要功能有:Js移动图片、获得图片坐标、设置图片隐藏等等,可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片,并实现图片的相对移动。 不错吧,来看效果: 网页演示:点击此处 运行演示: HTMLHEADtitlejs移动图片[详细]
-
点击显示、点击隐藏图片 javascript代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:170
Java Script点击显示、隐藏一个层或一个图片的代码,先定义两个函数分别用来显示、隐藏对象的block,然后用两个超链接调用javascript中的两个函数实现显示或隐藏,其实是非常简单的,但是之前有不少朋友问我怎么弄,这里的图片其实可以换成一个登录用的Div[详细]
-
图片上下左右全方位滚动特效,通过按钮可控制
所属栏目:[Asp教程] 日期:2018-08-23 热度:65
图片上下左右全方位滚动特效,通过按钮可控制,一眼看上去好像 录音机 的界面,其实这是一个通过JS控制方向滚动的图片,大家学习一下吧。 注意:在滚动的时候,鼠标还可以拖动,但是你会发现,即使你拖动了,它还是照样会按照原来的方向滚动。 演示: HTML[详细]
-
JavaScript控制图片放大,图片缩小,图片还原
所属栏目:[Asp教程] 日期:2018-08-23 热度:126
烈57火24网(LieHuo17.Net)教72程 Java Script代码实现对图片放大、缩小的控制,当点击放大的时候,图片会放大,点缩小则变小,连续点击则不断的放大,也可清除还原。这项功能是通过 Math.pow(x,y) 的幂运算来计算大小图片放大缩小的尺寸。 演示: htmlhead[详细]
-
CSS 教程: Fliter 图片修饰特效代码之二
所属栏目:[Asp教程] 日期:2018-08-23 热度:198
一个CSS教程,主要讲Fliter滤镜的使用方法,将一幅图片修饰成不同的效果,类似反光、翻转图片、副片、单色、增加通道等图像专业效果。通过这个小教程,你或许会对Fliter有个熟悉的了解。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
Css filter:滤镜修饰图片实例代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:152
烈87火56网(LieHuo42.Net)教63程 Css filter:滤镜修饰图片实例,同一张照片,通过定义不同的CSS修饰效果,会获得让你意想不到的效果。其实这里仅使用了CSS中的Fliter滤镜,设置Fliter不同的参数,得到不同的光照角度,出来的效果当然也就不一样了。 演示:[详细]
-
在网页空白处单击鼠标显示图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:175
烈14火66网(LieHuo87.Net)教55程 Java Script 在网页上单击鼠标的地方显示图片,有意思吧,其实菜单也可以这样搞,单击鼠标,显示菜单,呵可,把IMG标签换成DIV,把图片换成文字,把文字再制作成菜单,是不是一款隐藏菜单就做好了? 推荐类似文章:显示与隐[详细]
-
JS图片滤镜自己转换效果,焦点图切换代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:90
看看图片之间的滤镜转换过程,会帮你了解很多东西,滤镜的使用让页面能很平缓地在图和文字之间转换,图片可以任意添加,而且每幅图都可做不同的链接。或许这就是现在比较流行的图片切换特效的基本雏形吧,原来实现起来如此简单。因为是自己写的,所以滤镜[详细]
-
CSS利用a:hover属性直接放大图片的代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:192
一个非常简单的特效,利用了CSS中a:hover的属性,当我们把鼠标放到图片上时,放大图片(增加图片宽度和高度,或使用另一张大图),高手就不要看了,非常简单,对于新手来说,可以增强基[详细]
-
jQuery的slide show图片切换,代码精简功能多
所属栏目:[Asp教程] 日期:2018-08-21 热度:122
分享一个代码简洁的Jquery slide show 图片切换,网上有很多基于Jquery的slide show,效果很漂亮、功能也很全,但是如果要应用某种效果,就非得导入某个插件,而这些文件通常都不会太小,为个一个slide show就导入一个文件,觉得有点不值,所以自己写了一[详细]
-
大幅图片幻灯片,有左右箭头控制,响应鼠标移动图片
所属栏目:[Asp教程] 日期:2018-08-21 热度:207
这是一款大幅的图片幻灯片效果,有左右箭头控制,响应鼠标移动图片,刚刚打开时,如果网速慢,在网页中央会有一个加载中的效果,很大气,很给力!如果你正打算做一个类似各大门户网站的幻灯新闻的话,可以考虑使用这个代码! 烈火就不多介绍了,大家自己看[详细]
-
响应鼠标的图片虚实(透明度)效果代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:101
图片透明度效果,在烈火学院以前的网页特效教程中曾发表过,大家可以回顾一下,虚实的效果,打开的时候很轻薄的图片,透明度很低,当把鼠标放到图片的时候,图片才真正显示出来,由虚变实的过程让这款图片效果有极强的用户体验,论其实现原理,其实也挺简[详细]
-
js结合onMouseOver实现鼠标响应图片改变透明度
所属栏目:[Asp教程] 日期:2018-08-21 热度:91
js结合onMouseOver实现鼠标响应图片变清晰,这也是我们在网页制作中经常见到的效果,有的网站用在了友情链接位置,当我们第一眼看到图片时发现图片很模糊,当鼠标经过图片时,就变的清楚了,类似于PS中的图片透明度,挺不错的代码,赶紧给自己的网站用上吧[详细]
-
图片固定范围内左右移动,就像秋千一样
所属栏目:[Asp教程] 日期:2018-08-21 热度:185
图片的左右移动,具备像荡秋千一样的动画效果,图片自己可重新定义,移动速度和距离也可在代码内设定,挺简单的Js生成动画的特效代码,该代码可能在网上没有直接使用的价值,但是具有参考的意义,童鞋们可以多学习一下JS脚本。 演示: htmlheadmeta http-e[详细]
-
渐隐渐显的图片自动播放,纯JavaScript代码实现
所属栏目:[Asp教程] 日期:2018-08-21 热度:68
渐隐渐显的图片自动播放,纯 Java Script代码实现,一个小效果,针对图片而编写的,结合了JavaScript,让一连串的图片以渐显示的方式自动播放,图片的网址赋值给了JS的数组,再交给主程序循环调用,并为图片的渐渐显示功能写了一个函数,使图片的透明度在1[详细]
-
通过下拉框菜单选择查看图片的网页代码
所属栏目:[Asp教程] 日期:2018-08-21 热度:141
通过下拉框菜单选择查看图片的网页代码,一个很实在的小代码,采用带跳转的下拉框切换图片,以达到查看图片的效果。实际上是个基础的技巧,早在学网页设计的时候, dreamweaver 里就有此功能,除了做成切换图片,网址跳转也是可以的,演示效果请点击运行按[详细]
-
jQuery实现产品图片放大效果,响应鼠标弹出
所属栏目:[Asp教程] 日期:2018-08-21 热度:124
基于 jQuery 的图片放大代码,响应鼠标,我们在淘宝网经常见到这样的效果,因此就效果而言,与淘宝网的相比没差多少,使用了jQuery插件简化了不少代码,原图是调用的大图,不需要重新制作缩略图,简单方便的图片效果。 为解决一些网页特效运行后不能显示效[详细]
-
jQuery结合Css2与Css3实现的图片放大效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:71
jQuery 结合Css2与Css3实现的图片放大效果,鼠标移上后的图片放大特效,不是纯粹意义上的图片放大,严格来说是一款鼠标效果,当把鼠标放在图片上的时候,图片会稍稍变大,与原来的大小不一样,为网页增加一些动感的格调,整体效果做的挺漂亮,这里用函数直[详细]
-
jQuery+Css3实现PNG透明图片重叠交替的完美特效
所属栏目:[Asp教程] 日期:2018-08-18 热度:155
jQuery +Css3实现PNG透明图片重叠交替的完美特效,PNG图片与图片之间实现类似Win窗口的重叠效果,这是从某源码网站转载的特效代码,也许这位站长英文学的不好,竟然把Rotate翻译和理解为抖动。其实这个来自国外网站的效果是基于jQuery和Css3完成的,该代码[详细]
-
Css模拟图片实现左右箭头控制的滚动效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:189
本例中,作者为了节省图片资源,使用Css模拟了图片,引入jquery实现了两端带左右箭头控制的滚动效果,兼容 火狐浏览器 ,唯一不足的是这款特效不会自动滚动,需要访客点击两端的按钮才可以滚动,有兴趣的童鞋不妨修改一下。 为解决一些网页特效运行后不能[详细]
-
jQuery淡入淡出的横向左右拉动切换特效
所属栏目:[Asp教程] 日期:2018-08-18 热度:185
一款横向左右拉动式的图片切换的特效,切换时有淡入淡出效果,基于 jQuery 框架完成,现在很多特效都是在jquery框架下开发实现的,如果你的网站还不赶紧引入它,就OUT啦! 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别[详细]
-
jQuery鼠标滚轮滚动放大缩小图片效果
所属栏目:[Asp教程] 日期:2018-08-18 热度:125
关于JS实现鼠标滚轴放大和缩小图片的效果,烈火网以前就发表过相关教程,但是对于当今流行的 jQuery 来说,这样的例子比较少,今天恰巧在某技术博客看到鼠标滚轴滚动放大缩小图片效果,兼容IE和火狐,但是 谷歌浏览器 有点问题。期待高手解决! 为解决一些[详细]
-
jQuery图片切换类代码,多种形式的幻灯片插件
所属栏目:[Asp教程] 日期:2018-08-18 热度:175
jQuery 图片切换类代码,多种形式的幻灯片插件。网上有很多基于Jquery的slide show,效果很漂亮、功能也很全,但是如果要应用某种效果,就非得导入某个插件,而这些文件通常都不会太小,为个一个slide show就导入一个文件,觉得有点不值,所以自己写了一个[详细]
