位置: 编程技术 - 正文

jQuery实现鼠标滑过图片移动特效(jquery设置鼠标样式)

编辑:rootadmin

推荐整理分享jQuery实现鼠标滑过图片移动特效(jquery设置鼠标样式),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery鼠标移动触发,jquery设置鼠标样式,jquery鼠标悬停,jquery鼠标点击,jquery鼠标移动,jquery鼠标移入,鼠标滑动事件 jquery,jquery鼠标移入,内容如对您有帮助,希望把文章链接给更多的朋友!

在网页应用中,鼠标操作是最为常见和频繁的操作,在用户移动鼠标浏览页面的时候,一些交互特效的提醒会增强用户体验度,也可让用户感觉页面在和他“交流”,从而增加用户在页面的逗留时间,以及增加深层次访问的可能性。

今天tity带大家做一个简单的示例,当鼠标移动到图片上的时候图片会向上动一下,等到鼠标离开后,图片又返回到原来的位置。

首先,我们先来做如下图所示的页面布局:

页面布局部分:

jQuery实现鼠标滑过图片移动特效(jquery设置鼠标样式)

样式部分:

这里我们需要引入jQuery插件库,建议大家尽量使用jQuery,因为很多插件都是基于jQuery开发的。

<script type="text/javascript" src="jquery-1..3.min.js"></script>

动画功能的实现,主要是使用jQuery中提供的hover方法,该方法的语法为:

$('demo').hover(function(){},function(){});

这里hover方法可以接收两个参数,第一个参数对应的方法表示鼠标移入时候的方法,第二个方法表示鼠标移出时候的方法。

示例对应的JS部分为:

这里是通过animate这个方法来实现图片的移动的,配合CSS中的定位,在鼠标移入的时候图片向上移动了像素,当鼠标移出的时候图片又恢复到了原来的位置。

以上示例仅仅是一个简单的使用说明,更多的特效在animate方法中展开书写即可。同时除了动画之外还可以做文字的显示隐藏、图片的替换等等。

标签: jquery设置鼠标样式

本文链接地址:https://www.jiuchutong.com/biancheng/376248.html 转载请保留说明!

上一篇:Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例(jquery 单页应用)

下一篇:通过Ajax使用FormData对象无刷新上传文件方法(ajax multipart/form-data)

  • 预缴增值税的销售额怎么填
  • 递延所得税资产和递延所得税负债
  • 飞机票退票费如何记账
  • 小规模公司用什么会计准则
  • 对公账户给私人转账手续费
  • 商品流通企业商品流转的核算方法有
  • 企业网银电子商务收入是什么
  • 代扣代缴手续费返还需要缴纳增值税吗
  • 建设厂房需要几个证
  • 厂部管理人员工资属于什么会计科目
  • 应交增值税进项税额转出借贷方向表示什么
  • 实收资本重复交的印花税可以申请退税吗?
  • 逃税漏税不用坐牢吗
  • 个人住房房产税查询
  • 人防设施建设费
  • 住房公积金的工资基数什么意思
  • 会计记账凭证的填制
  • 怎么分配工业企业材料费用?
  • 暂估冲红的分录怎么写
  • 网页无法复制文字破解
  • 进口关税和进口增值税怎么算
  • 利空啥意思
  • linux配置与管理教程
  • Windows11如何使用管理员账号登录
  • 什么叫即期结汇
  • 什么叫做材料成型工艺
  • php occ
  • PHP:pg_field_num()的用法_PostgreSQL函数
  • vue public assets
  • 支付离退休人员退休金可以用现金结算吗
  • 金融企业营业税税率是多少
  • 城市维护建设税计入什么会计科目
  • phpstudy安装配置
  • 金门大桥和马林大桥区别
  • 资产类备抵科目借方是加还是减
  • 劳务公司已开票,可款项未收到,税票多久有效
  • javatoken生成机制
  • 特征融合add
  • php第三方支付
  • 营业额是营业收入总额吗
  • 建筑企业异地预缴增值税计算
  • 购置固定资产进项税率
  • 企业年报分析的内容包括哪些方面
  • 为什么计入资本公积
  • 国库集中支付发送签收失败
  • dedecms安装及配置
  • 每个公司都要交五险一金吗
  • 子公司和分公司的区别
  • 好用的测试工具
  • 房地产企业建成后先出租的房地产
  • 暂估入库的库存商品转成本吗
  • 出口企业样品收入分录
  • 查补以前年度所得税
  • 广告公司制作警车违法吗
  • 固定资产处置怎么报税
  • 投资的信托基金有哪些
  • 主营业务成本借贷方向增减
  • 食堂如何做账
  • 物流公司保险怎么买
  • 用于职工福利的增值税怎么计算
  • Centos7.3下mysql5.7.18安装并修改初始密码的方法
  • centos的命令
  • linux fflush
  • win8系统映像
  • linux中比较文件链接数的变化
  • 深度技术的系统好不好
  • win8上不了网
  • 安卓游戏模拟游戏制作
  • border:none与border:0使用区别
  • JavaScript的strict模式与with关键字介绍
  • [置顶]游戏名:chivalry2
  • 表单元素的基本语法
  • node.js可以跨平台吗
  • unity如何成一组
  • jquery点击a标签
  • jquery 是否显示
  • 基于javascript的毕业设计
  • 江西省国家税务局总局官网
  • 如何查询公司的电话号码
  • 00后先进人物事迹简介
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设