您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

jQuery 实现评论等级好评差评特效_jquery

2024/6/15 10:49:58发布23次查看
实现评分等级,就类似于淘宝的好评差评特效,点击不同的等级图标显示相应的文字,先来看下效果。
看完效果后估计大家都明白我要说的是什么了吧,下面小编就带大家看下代码
复制代码 代码如下:
复制代码 代码如下:
最后大家看下js 上边小编已经把注释都注上了,其实也不难,主要是加深理解..
复制代码 代码如下:
$(function(){
    $(.maxdiv div).bind(hover,function(){
        $(this).attr(style,background:red);//当前div加上style=background:red;
        $(div:last).prevall().attr(style,background:red);//给所有的都加上样式;
        $(this).nextall().attr(style,);//当前div后的所有所有样式都为;
        var dsize=$(div [style ='background:red']).size();//获得所有背景含有style=background:red的个数;
        if(dsize==1)
        {
        $('span').text(很差);
        }
        else if(dsize==2)
        {
        $('span').text(差);
        }
        else if(dsize==3)
        {
        $('span').text(一般);
        }
        else if(dsize==4)
        {
        $('span').text(好);
        }
        else if(dsize==5)
        {
        $('span').text(很好);
        }
    });
});
个人能力有限,做的不是太美观,有需要的朋友可以拿去再美化一下,呵呵。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product