【锋利的JQuery-学习笔记】添加提示图片

2020-11-22 18:28

阅读：641

标签：style blog class code java javascript width color 2014 html http

效果图：

mamicode.com,搜素材

hot图片： mamicode.com,搜素材（注意：这个图标本身就有抖动效果的，并不是由于标签~~而具有抖动效果）~~

周期性抖动，起到提示的作用

html：

                    div class="jnCatainfo">
                        h3>推荐品牌h3>
                        ul>
                            li>a href="#nogo" >耐克a>li>
                            li>a href="#nogo" class="promoted">阿迪达斯a>li>
                            li>a href="#nogo" >达芙妮a>li>
                            li>a href="#nogo" >李宁a>
                            li>a href="#nogo" >安踏a>li>
                            li>a href="#nogo" >奥康a>li>
                            li>a href="#nogo" class="promoted">骆驼a>li>
                            li>a href="#nogo" >特步a>li>
                        ul>

css：

.jnCatainfo li a.promoted{
    color:#F9044E;
}
.jnCatainfo li .hot {
    background: url("../images/hot.gif") no-repeat scroll 0 0 transparent;
    height: 16px;
    position: absolute;
    top: 0;
    width: 21px;
}

js：

/* 添加hot显示 */
$(function(){
    //$(".jnCatainfo .promoted").append(‘‘);
    $(".jnCatainfo .promoted").append(‘‘);
})

【锋利的JQuery-学习笔记】添加提示图片,搜素材,soscw.com

【锋利的JQuery-学习笔记】添加提示图片

标签：style blog class code java javascript width color 2014 html http

原文地址：http://www.cnblogs.com/easy5weikai/p/3702729.html

上一篇：站长故事：5000元葬送了我的行业网站梦

下一篇：【锋利的JQuery-学习笔记】切换网页皮肤-且保存于Cookie

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：【锋利的JQuery-学习笔记】添加提示图片
文章链接：http://soscw.com/index.php/essay/22110.html

亲，登录后才可以留言！

【锋利的JQuery-学习笔记】添加提示图片

评论

热门文章

推荐文章

最新文章

置顶文章