基于jquery仿天猫商城鼠标移近图片变暗的代码

核心代码

主要就是个jquery mouseover  mouseout事件 其他真没啥了

 代码如下 复制代码

 $(function(){
  $(".floor-maskItem").mouseover(function(){
   $(this).addClass("qq").parent().addClass("hover");
  }).mouseout(function(){
   $(this).removeClass("qq").parent().removeClass("hover");
  });
})

上面的说一下

.floor-maskItem是css样式名字，我们要变色的全部都是这个class="floor-maskItem"了，然后QQ是我们一个css效果，这个就是css定义图片的状态了。

时间： 2024-11-26 23:06:27

基于jquery仿天猫商城鼠标移近图片变暗的代码的相关文章

纯CSS实现的当鼠标移上图片添加阴影效果代码_图象特效

鼠标移上去显示圆滑的阴影

如何改进jquery的mousemove处理程序，使得在鼠标移进图片时每秒钟最多记录5次位置信息？

问题描述 如何改进jquery的mousemove处理程序,使得在鼠标移进图片时每秒钟最多记录5次位置信息? $(document).on('mousemove', 'div.photo', function(event) { var $text='X: '+event.pageX+' || '+'Y: '+event.pageY; console.log($text.length) });

jquery插件-jquery哪个插件可以实现：将鼠标移到图片上，会出现大图，就像京东那样？

问题描述 jquery哪个插件可以实现:将鼠标移到图片上,会出现大图,就像京东那样? jquery哪个插件可以实现:将鼠标移到图片上,会出现大图,就像京东那样? 解决方案 http://www.jb51.net/jiaoben/259626.html

extjs4.2-Extjs4.2 如何使鼠标移到图片上后变成手型或使button的背景图片随button大小变化

问题描述 Extjs4.2 如何使鼠标移到图片上后变成手型或使button的背景图片随button大小变化 我改变了button大小 但button上的icon大小没变,试了几种方法都没用.只能把button换成box,监听了mouseover事件,但不知怎么改变鼠标样式.有大神可以帮忙看看么 解决方案 Extjs有一个overCls,你需要写一个css样式,"cursor:pointer"就可以,然后把自己定义的css添加到button的overCls当中去 解决方案二: 利用onf

基于jQuery实现弹出可关闭遮罩提示框实例代码_jquery

jquery CSS3遮罩弹出层动画效果,使用非常简单,就两个标签,里面自定义内容和样式,四种常见效果,懂的朋友还可以修改源代码修改成自己想要的效果 先给大家展示下效果图,如果大家感觉还不错,请参考实现代码. 效果演示 关键代码如下所示: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

鼠标移到图片放大效果

鼠标移到图片放大效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin:0; padding:0;} body { background:#000;} #container { width:1000px; margin: 50px

js鼠标点击图片切换效果代码分享_javascript技巧

本文实例讲述了js鼠标点击图片切换效果.分享给大家供大家参考.具体如下: 实现原理很简单,其实是多张图片叠加起来,点击图片后依次赋予图片一个class,使其看起来在表面而已,点击图片,可以实现图片的不断切换效果. 运行效果图:                                      -------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的js鼠标点击图片切换效果代码如下 <hea

jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换,实例代码如下,感兴趣的朋友可以参考下哈   复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery图片

基于jQuery仿淘宝产品图片放大镜代码分享_jquery

这篇文章主要介绍了jQuery淘宝产品图片放大镜特效,鼠标点击图片,图片放大,特别适合图片细节展示,感兴趣的小伙伴可以参考下.(1)html代码: <div class="box"> <div class="tb-booth tb-pic tb-s310"> <a href="images/01.jpg"> <img src="images/01_mid.jpg" alt="