javascript特效

javascript特效图片特效JavaScript封装的平滑图片滚动,绝不用jQueryJavaScript封装的平滑图片滚动,绝不用jQuery,我感觉这肯定是位Js高人所为,封装的不错啦,注释内容也很多,研究Js的看看~~~~竖向图片滚动JavaScript封装版,无jQuery竖向图片滚动JavaScript封装版,无jQuery,希望大家喜欢,效果确实不错。纯CSS实现鼠标移上图片添加

图片特效
  • JavaScript封装的平滑图片滚动,绝不用jQuery
  • JavaScript封装的平滑图片滚动,绝不用jQuery,我感觉这肯定是位Js高人所为,封装的不错啦,注释内容也很多,研究Js的看看~~~~
  • 竖向图片滚动JavaScript封装版,无jQuery
  • 竖向图片滚动JavaScript封装版,无jQuery,希望大家喜欢,效果确实不错。
  • 纯CSS实现鼠标移上图片添加阴影效果
  • 这个效果挺实用,当把鼠标放到一幅静止的图片上,图片的四周边框会出现阴影,具有立体感的效果,代码是第二次修正,能适应大小…
  • JS图片切换,带缩略图版
  • JavaScript图片切换,带缩略图版,5屏图片幻灯,其实更多一些图片也是可以的,你只需更改数组就行,不过要对布局做些调整。
  • JavaScript图片放大技术代码示例及注释
  • JavaScript图片放大技术代码示例及注释,一个比较热的话题,如何用最简单、最兼容的方法写出图片放大技术,大家一直都在关注,…
  • 纯JS图片批量预加载技术代码
  • 一款实用的图片预加载技术,真正实现加载完成显示图片,加载过程中显示进度指示,本加载可以批量进行,将成批图片加载完成才显…
  • 在图片上单击获取图片原始大小
  • 在图片上单击鼠标,获取图片的原始尺寸大小,变通一下我们可以实现让图片随网页的大小而自动适应,我们可以判断如果图片超出规…
  • 禁止在图片上使用右键
  • 为了阻挡一般用户不能使用图片另存为的功能,这里使用JavaScript对右键菜单做了限制,当在图片上点击右键的时候,会弹出一个提…
  • 图片友情链接滚动,横向,带控制按钮
  • 超不错的图片友情链接滚动特效,横向排列,带控制按钮,这里已经将横向锁定,不能将其修改为竖向的,否则会出错,专一用于横排的图片…
  • CSS使用图片完美修饰的全兼容圆角框
  • CSS列表圆角,在四个角使用了图片,使用图片的好处是兼容性好,在火狐、IE下均有良好表现,而且代码也很少,学习CSS的朋友不妨…
  • 根据鼠标放上切换内容制作的图片导航
  • 根据鼠标放上切换内容制作的图片导航,比较大气的感觉,在图标交替的同进加入了淡入淡出特效,整体效果和一个Flash导航没什么…
  • Javascript 仿Flash图片轮翻
  • Javascript 仿Flash平滑效果的图片轮翻,完全用JavaScript代码实现,图片轮番间隔、按钮每次移动的距离以及图片显示框的…
  • 来自腾讯的JavaScript图片滑动
  • 来自腾讯软件频道的JavaScript图片滑动效果,纯JS实现的,比较平滑的效果,像是使用了jQuery,很实用,拷贝代码到你的网站就可…
  • 图片控制内容框的文字上下翻滚
  • 图片控制内容框的文字上下翻滚,JavaScript一款文字滚动特效,Google广告有这种功能。用到网页上也不错,鼠标放到图片上滚动就…
  • 鼠标移上图片,变换出大图片
  • 又一个JavaScript图片展示特效,鼠标放到图片上会切换到对应的大图并显示,大家在以往见的估计有不少了,自己做的,通过编写这…
    • JavaScript真正的鼠标放上动画加载大图的代码
    • 真正的JavaScript鼠标放上加载大图的效果,唯一不爽的地方是没有Loading,在淘宝网的商品列表中有这样的效果,有些朋友很想要…
    • 按比例缩放图片,JavaScript代码
    • JavaScript按比例缩放图片,找了好放终于找到了,可能是我发现的最好用的JS缩放图片代码,直接放到你的网页中,稍微设置一下,…
    • JavaScript 生成弹性透明的图片放大代码
    • JavaScript 算法生成弹性透明的图片放大效果,代码值得看一下哦,弹性和缓冲是一个意思,JS缓冲效果在网页中使用很频繁,…
    • 浮动的图片广告
    • 一个浮动的图片广告,和漂浮广告有点像,不过作者改动了代码,改变了运动轨迹,增加了感应鼠标停止的功能,图片大孝速度、转变…
    • JavaScript让图片按顺序依次加载
    • JavaScript让图片按顺序依次加载,手动排序的结果,有点遗憾不能设置每个图片加载的时间,有兴趣的完善一下。
    • 规定区域的JS拖动展示效果
    • 规定区域的JS拖动展示,运行看下效果你就明白了,在指定区域内显示图像,鼠标可以拖动图像查看,自动感应图像边界,非常不错。
    • NBA网站大幅JS焦点图切换
    • NBA网站的大幅焦点图切换效果,代码里有较多的注释,适合研究一下,图片是远程地址,你最好保存到本地,本焦点图是动态变化,…
    • JavaScript随机图片显示
    • JavaScript随机图片显示,每次刷新一下网页就会载入不同的图片,可以用作广告功能,不过广告商一般都不希望自己的广告是随机显…
    • 纯CSS代码实现的图片列表滚动
    • 纯CSS代码实现的图片列表滚动,就像有些网站的图片友情链接的功能一样,有拖动条哦,采用CSS实现类似框架的效果,好处是对搜索…
    • 鼠标滑过,缩略图放大显示(纯CSS)
    • 纯CSS实现鼠标经过放大图片,可能不是太好,因为缩略图实际上加载的仍然是完整的大幅图片,只不过是用CSS控制了显示的区域,因…
    • 前后轮翻的JS图片幻灯切换
    • 前后轮翻的JS图片幻灯切换,和普通的图片切换没有什么区别,区别在于图片的切换方式上,用到了一些prototype的相关技术,自动…
    • CSS实现自适应的图片背景边框
    • CSS漂亮的图片边框,边框是用背景图片修饰的,不过可以自适应大小,这点挺实用的,不论你的图片有多大,它始终显示在图片的外…
    • 鼠标放到图片上会滑出提示文字
    • 鼠标放到图片上会滑出提示文字,不用多介绍了,运行一下就知道效果了。
    • 可控的纵向图片滚动
    • 纵向的图片滚动,上下各有控制按钮,点击图片框内的图片就可以向上或向下滚动,滚动步升请根据你的网页布局和其它要求自行修改。
    • 最简的JavaScript鼠标经过切换图片
    • 最简的JavaScript方法实现鼠标经过切换图片,学习JS的朋友可以试着加一个LOADING,这样就上水平了,本代码可以很好的嵌入到ASP…
    • Js图片连续左右滚动代码
    • 发一个自己写的JavaScript可控的图片滚动,横向左右滚动,可能还有些不完善的地方,也欢迎指正,鼠标放到控制按钮上就可以控制…
    • CSS完成神奇创意的相框
    • Magic Photo Frame 神奇创意的CSS图片相框,这里只是介绍一种方法,至于相册的形状你完全可以自己制作,注意相…
    • 鼠标经过图片由灰色变彩色
    • 鼠标经过图片由灰色变彩色,不少学CSS的朋友再问这效果怎么实现,本段代码只是其中一个的实现方法,这个方法有点笨,就是用两…
    • 图片型不规则菜单的CSs实现方法
    • 不规则导航菜单的CSs实现方法,呵呵CSS部分其实很容易,就是图片处理稍嫌麻烦,需要一个一个把图片处理好让CSS调用,不过,做…
    • 自写Js+CSS轮显效果
    • 自已写的JavaScript轮显切换效果,虽然还不是十分完美,但作为自己的一点小成就奉献给大家,示例里的文字可以换成图片,这样图…
    • JavaScript 图片滚动(绝对酷)
    • 超酷的JavaScript图片横向滚动,Js滚动类已经封装,为了设置方便,单独摘出了控制程序,可以设置图片滚动框宽度、翻页宽度、滚…
    • 向上翻动的内容切换示例
    • 向上翻动的内容切换示例,其实类似一个广告的滚动,完全基于JavaScript的实现,美化一下,在滚动框中放入图片,想必效果会不错。
    • JavaScript 由左向右的图片渐变过渡
    • JavaScript 由左向右的图片渐变过渡效果,给人一种新鲜感,有点遮罩的意思,代码可以再次优化哦。
    • CSS+JS滚动图片功能代码
    • CSS+JS联合打造带控制按钮的滚动图片功能代码,超好用,而且效果不错,希望大家能够喜欢。
    • 像弹簧一样抖动的横向图片滚动
    • 基于JavaScript的横向图片滚动,在每一次滚动完成当前图片都会像弹簧一样抖动两下,很有趣的效果,没有使用JS插件,使用起来挺…
    • 清爽简洁的图片交替导航效果
    • 风格简洁的图片切换,没有过多修饰,看上去挺清爽,当前图片滚动到哪一张,下面的文字的背景会变色,带有三角导航以指引当前的…
    • JS实现鼠标悬停图片交换
    • 鼠标悬停图片交换,JS配合实现的功能,在早两年是这种叫法,现在可以用CSS直接实现,至于实现的方法,要看你的需求,点击运行…
    • 右下角随机显示的JS图片广告
    • 在右下角随机显示的图片广告,随机的形式是载入图片的顺序没有规律,完全由程序随机调用的图片,至于显示在什么地方,这个是灵…
    • Js拖动特效,一串水晶球
    • 请等待图片加载完成,比较炫的一个创意,你自行车的链条一样,鼠标拖动水晶球,模拟了系在一起的物体的运动过程,那些小球也挺…
    • CSS强制等比例缩小图片
    • CSS等比例缩小图片,实用性较强的一个CSS技巧,等比例一般都是在我们规定的高度或宽度超出范围时候,另图片以高或宽为基准按比..
  • .
    • 点击显示大图的JS效果
    • 又一个点击出现大图的效果,个人感觉效果不是太理想,因为虽然实现了放大图片,但实际上显示小图的时候仍然需要下载大图,这样…
    • 有点炫的JavaScript立体图片展示
    • 图片3D展示,鼠标晃动的时候图片跟着就动了,点击的时候会稍微放大一些,不同的角度会出现不一样的效果,JavaScript与CSS结合…
    • 一个载入图片等待状态的Loading效果
    • 图片载入Loading效果,当图片没有载入的时候,显示正在加载中,当加载完成出现图片,LOADING可以有效防止资源浪费,提升用户体…
    • 鼠标经过图片时显示半透明文字,边框变色
    • 这是个很常见的图片显示特效,当鼠标经过图片的时候,图片上浮动一个半透明的层,层内显示文字,同时图片边框变亮,视觉效果相…
    • 用CSS实现图片的双边框效果
    • 纯CSS实现图片的双边框修饰效果,鼠标经过图片时换色,这是一个比较基础的CSS美化实例,先定义存放图片的容器边框,再定义IMG…
    • JavaScript图片特效
    • 一个老外完成的JS图片特效,运用了特殊算法,将多幅图片组合在一起,使浏览器变得智能起来,当移上某个图片的时候,图片会慢慢…
    • 图片点击后变灰色的CSs代码
    • 图片点击后变灰色的CSs代码,效果虽好,但是感觉不太实用,因为CSS代码有点繁琐,如果图片多的话,CSS代码会大的历害,仅供学…
    • 美化过的匀速图片滚动
    • 经过美化过的匀速图片滚动,速度在JS函数里可以自己调整,带有注释,数值越大滚动越慢。为了节省下载时间,这里的图上用文字代…
    • JS模拟Windows的图片放大特效
    • JS模拟Windows的图片放大特效,两边有控制按钮,不是真正意义上的放大,因为图片的像素没有达到的话,放大也也照样不清淅哦。
    • QQ网支持火狐的图片切换效果
    • QQ网支持火狐的图片切换效果,设计得很漂亮,还带有渐变效果。注意,这里的CSS以及图片都是调用腾讯网的,时间长的话有可能会…
    • JS图片翻页效果
    • 简单的图片翻页效果,用好了还真不错,这里没有美化,图片也是临时找的,所以整体效果有些简单了,如果加上你的美化,应该是不…
    • CSS将图片自动变为圆角
    • 最近见到Facebook网站的图片圆角很特别,将一张方角的图片经过CSS定义后自动变成了圆角,后来研究了一番,发觉是用CSS控制一个…
    • CSS 图片放大查看特效
    • CSS制作的图片查看特效,鼠标放上后出现放大的图片,带漂亮的边框修饰,还可以加入简短的图片说明。
    • 可以点击控制的手机图片滚动切换
    • 一个JavaScript图片滚动切换,点击两侧的按钮可实现左右滚动控制,请注意一次滚动的距离要和你的图片的宽度配合起来,本实例中…
    • 图片雷达效果,像光照一样
    • 不知道该如何形容这种效果,就叫做雷达效果吧,像一束光一样照亮整个图片,背景图片变暗,这里是用CSS降低了图片的透明度。个…
    • 天极网的JS卡通图片切换
    • 来自经典论坛的一款仿天极网图片切换特效,含有详细的设置说明,使用起来比较简单。请在开始时设置图片目录、标题长度、图片切…
    • CSS制作的类似相册浏览的功能
    • 用CSS制作一个ImageView,类似一个相册浏览的功能,重点研究一下层与布局,调用了一个远程Google的文件,整体效果感觉不错。
    • JavaScript图片预加载代码,显示loading
    • JavaScript图片预加载技术,和平时大家说的网页loading有点像,本代码真正实现了加载完图片再显示的功能,如果图片没有下载完…
    • 图片围成环形滚动,有空间感
    • 图片围成环形来回滚动的图片特效,有立体感,而且设计的也挺不错,演示中源码爱好者去除了部分图片,为了让页面加载更快,如果…
    • 按钮可以控制的JS横向图片滚动
    • 一个JavaScript图片滚动效果,与其它不同的区别是,它是可以被控制的,向左向右滚动都需要点击两端的小箭头,图片滚动时候带有…
    • 仿265网站LOGO,会盯着你看的眼睛
    • 仿265网站LOGO,会盯着你看的眼睛,会跟着你的鼠标转,有意思吧?这可是用JavaScript实现的哦,学习JS控制图像很不错的实例。
    • 鼠标经过图片时,出现说明文字
    • 纯CSS代码特效,当鼠标经过图片时,图片弹出说明文字,文字背景半透明,同时图片的边框会变换颜色。
    • 经典的图片切换
    • 一个比较经典的JavaScript图片轮番切换代码,使用相当方便,图片列表完全可以由你从数据库中取出,这使得你有可能将其布置到你…
    • 从两侧向中间拼合的JavaScript图片切换效果
    • 从两侧向中间拼合的JavaScript图片切换效果,请注意在调用图片的时候图片的长宽要和CSS里面设置的一样大,要不然出来的效果可…
    • 腾讯QQ网站的Js图片切换
    • 腾讯QQ网站的图片切换特效,非常大气,纯JavaScript实现,效果很不错,现在腾讯正在用的功能,演示调用了腾讯的图片,如果图片…
    • JS图片滚动,从右向左滚动
    • JavaScript图片滚动,看了一下代码,好像这方法挺简便的,容易修改,滚动无空隙,循环连续滚动,鼠标放上后停止,中间部分代码…
    • CSS强制按比例缩小图片
    • CSS强制按比例缩小图片,有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度。
    • JavaScript图片翻转,垂直和水平
    • JavaScript垂直和水平翻转图片,翻转过程中你可以和原图进行比较,本实例仅水平和垂直翻转,暂不能指定旋转角度,仅供参考。
    • 精美图片滚动
    • 精美的JS图片水平向左滚动,设计的比较好,看上去视觉效果很不错。
    • 仿淘宝星星投票,兼容性好
    • 仿淘宝星星投票,兼容性好,淘宝网在交易完毕后有一个星星投票,看着很漂亮。
    • 点击图片,把图片放大,最简单的实现方法
    • 点击图片,把图片放大,最简单的实现方法,没有修饰效果,同时对图片的比例没有加以判断,有时候放大会造成图片失真,不过方法…
    • 图片闪烁代码
    • 图片闪烁代码,闪的挺来劲,用JS实现起来非常简单,这时注意时间间隔这个参数,数值越大闪烁越不连续,数值越小闪烁越历害,你…
    • JavaScript动态控制图片透明度的变化
    • JavaScript动态控制图片透明度的变化,这里所放说的动态是指“适时变化”,也就是用JS去控制CSS在1秒钟或者2秒内高频率改变多…
    • 马赛克效果的JS图片切换代码
    • 像马赛克效果一样的图片切换技术,每一张都可以加链接,相信我们在不少网站上都已经见到过本效果。
    • JavaScript改变图片透明度,鼠标放上渐渐显示
    • JavaScript改变图片透明度,当我们把鼠标放到图片上的时候,图片的透明度慢慢变大,图片越来越清淅,也就是大家常说的图片渐变…
    • JS+CSS给图片加上鼠标滑过的方框
    • JS+CSS给图片加上鼠标滑过的方框,其实用CSS也可以实现哦,感觉这里用JS有点多余呢……
    • JS漂浮图片,点击图片后会关闭
    • 点击图片后,图片关闭的JS代码,类似漂浮广告的效果,只不过这里的关闭事件是图片本身,如果再加上“关闭”两个字,将事件驱动…
    • 亮丽的JS图片渐变导航
    • 亮丽的JS图片渐变导航,打开演示页面后,请等待片刻,需要图片加载完毕后才能看到效果。鼠标放到图片上,第一张淡出,第二张淡…
    • JavaScript获取远程图片大小(长度和宽度)
    • JavaScript获取远程图片大小,这里是需要获取图片的长度和宽度,而并非占用空间大小,获取完毕后以Alert弹窗的形式返回数值,…
    • 很有意思的图片分裂复制效果
    • 很有意思的图片分割效果,你可以点击任意一个图片,会看到图片会成对分裂复制,无限制下去,就像链式反应一样,运行一下,看看…
    • 图片旋转构成3D圆环的展示特效
    • 很炫的图片展示特效,由一组图片构成一个3D的圆环状,并自动旋转,鼠标放到某一图片上会自动停止,JavaScript 的功能真够…
    • JS点击小图预览大图(仿淘宝)
    • 仿淘宝网的商品图片预览效果,点击小缩略图会生成预览大图,这里的生成是指调用,当鼠标放到小图上时激活脚本,开始加载大图,…

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/28182.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注