zoukankan      html  css  js  c++  java
  • web前端常用的10个jQuery特效总结

    1、鼠标经过和鼠标离开事件

    很多网站都有这样的小的特效,需要自己会写简单js代码

    鼠标经过onmouseover 鼠标离开onmouseout

    2、jQuery鼠标悬停文字渐隐渐现动画效果

    鼠标悬停后图片渐渐有一层透明遮罩层,同时说明文字从左侧滑入,鼠标离开后文字从右侧滑出,整体效果美观自然

    3、jquery基于small2big实现的图片突出显示特效

    4、jquery+css实现的ul+li模仿下拉框表单美化效果

    5.基于HTML5实现的支持控制播放调整音量的环形音乐播放器

    外观更酷的HTML5音乐播放器,该播放器是环形的,背景图片非常漂亮,可以控制播放、调整音量等播放器常用的功能。

    6.纯CSS3实现的鼠标悬停图片文字动画效果

     

    7.基于jQuery实现的彩色标签图片选项卡切换效果

     

    8.jquery实现的点击小图原位置放大图片效果源码

    jquery实现的点击小图原位置放大图片效果源码,是一段可以实现点击小图,在原始位置出现大图片的代码,就像是新浪微博一样,点击小图就会在原来的位置把图片放大,缺点就是必须要加上动作,最好就是要么自动在指定id内的图片自动加上放大代码,要么就自动让他能放大。

    9.js实现的鼠标滚动控制图片在原始位置等比例缩放

    js实现的鼠标滚动控制图片在原始位置等比例缩放特效源码,是一段可以实现以鼠标为中心滚动鼠标轴等比例放大或缩小图片的代码。

    10.js实现的点击gif封面后加载gif动态图片的js特效

    js实现的点击gif封面后加载gif动态图片的js特效源码,是一段实现了点击gif封面后才加载gif格式动态图片内容的代码,此类代码适应于所有网站。

  • 相关阅读:
    Cannot load php5apache2_4.dll into server
    PHP合并数组
    为什么 echo 3 . print(2) . print(4) . 5 . 'c'的结果是45c2131
    PHP数据类型
    PHP变量
    SSH Key
    VMware Tools安装教程
    nginx: [emerg] getpwnam("nginx") failed
    JS 生成随机数
    JS 操作 cookie
  • 原文地址:https://www.cnblogs.com/addi/p/6714455.html
Copyright © 2011-2022 走看看