【锋利的JQuery-学习笔记】添加提示图片
2020-11-22 18:28
标签：style blog class code java javascript width color 2014 html http 效果图： hot图片： 周期性抖动，起到提示的作用 html： css： js： 【锋利的JQuery-学习笔记】添加提示图片,搜素材,soscw.com 【锋利的JQuery-学习笔记】添加提示图片 标签：style blog class code java javascript width color 2014 html http 原文地址：http://www.cnblogs.com/easy5weikai/p/3702729.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>
.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;
}
/* 添加hot显示 */
$(function(){
//$(".jnCatainfo .promoted").append(‘
‘);
$(".jnCatainfo .promoted").append(‘‘);
})