Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[使用] 会jquery的过来帮下忙,解释下这段代码。。。。

[复制链接]
pengzhenlu 发表于 2010-11-24 10:09:07 | 显示全部楼层 |阅读模式
下面是商品页面的最下面jquery代码,是鼠标悬浮功能代码,我想在他们之间做个if判断,请问该怎么写,知道的说下,,谢谢啦,,
<script>
$(document).ready(function() {
    $("#goodslist .everylist").hover(function() {
        $("#goodslist .everylist").hover(function() {
                $(this).css({'background' : 'url(static/image/bg_goodssearch_hover.png) repeat-x scroll 0 bottom'});
            } , function() {
                $(this).css({'background' : 'url(static/image/bg_goodssearch.png) repeat-x scroll 0 bottom'});
            });
    });
});
</script>


じòぴé聼 发表于 2010-11-24 10:55:28 | 显示全部楼层
页面加载的时候,设置 $("#goodslist .everylist") 元素的hover事件,即鼠标进入$("#goodslist .everylist")元素后,执行$(this).css({'background' : 'url(static/image/bg_goodssearch_hover.png) repeat-x scroll 0 bottom'});
            } 移出后执行function() {
                $(this).css({'background' : 'url(static/image/bg_goodssearch.png) repeat-x scroll 0 bottom'}); 希望对你有帮助啊

评分

1

查看全部评分

回复

使用道具 举报

 楼主| pengzhenlu 发表于 2010-11-24 11:47:17 | 显示全部楼层
回复 じòぴé聼 的帖子


谢谢,请问 “$(this)”它是一个什么对象,是不是一个“div”层?
我就是想把商品页面的最后一条数据下面那条虚线去掉,第一次进入这个页面时我已经实现了,最后条数据下面没有哪条虚线了,但是当鼠标移上去又有了,我想在这个JS里面判断下是不是最后条数据,但是我把“$(this)”alert 出来,是一个Object 类型,不知道它是不是当鼠标移上去的那个“div”层对象,
回复

使用道具 举报

じòぴé聼 发表于 2010-11-24 12:33:24 | 显示全部楼层
回复 pengzhenlu 的帖子

的确是OBJECT对象,你可以试着ALERT它的已知属性,来确定它是哪个DIV,得到属性的方法是$(this).attr("属性名");
回复

使用道具 举报

 楼主| pengzhenlu 发表于 2010-11-24 13:18:12 | 显示全部楼层
回复 じòぴé聼 的帖子

谢啦,,,
我试试,,
回复

使用道具 举报

littlehz 发表于 2010-11-24 14:20:28 | 显示全部楼层
本帖最后由 littlehz 于 2010-11-24 14:21 编辑

虚线不是js弄出来的,这段代码表示鼠标移上和移开时候使用不同的css,给这行加上不同的背景图片,是背景图片bg_goodssearch_hover.png中含有你说的虚线。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-29 03:34 , Processed in 0.036036 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表