Skip to content

Instantly share code, notes, and snippets.

// for test
function $(id){ return document.getElementById(id); }
// add or remove class
$('test1').onclick = function(){
$('test2').className = /\s*on$/.test($('test2').className) ? 'test_class' : 'test_class on';
};
// display none or block
$('test1').onclick = function(){
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<style>
ul li{cursor: pointer;}
div{display: none;}
.on{border: 1px solid #ddd;}
.on div{display: block;}
<style>
.inner, .outter{
display: block;
font: normal normal 12px/14px "\5b8b\4f53";
overflow: hidden;
width: 12px;
color: #fff;
position: absolute;
top: -6px;
left: 25px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
filter: alpha(opacity=60);
opacity: 0.60;
img {
/*以下方法切实可行,ietester不支持expression,用IE7,8可测试效果(去掉_)*/
_width: expression((this.offsetWidth > 290) ? '290px' : true);
}
.box-shadow{
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
box-shadow:2px 2px 5px #969696;/*opera或ie9*/
function escape(src) {
return src.toString().replace(/[\\\0\n\r\"\']/g, function(v){
return {
"\\": "\\\\",
"\0": "\\0",
"\n": "\\n",
"\r": "\\r",
"\"": "\\\"",
"\'": "\\\'"
}[v] || v;
<div class="mod_gray">
<div class="hd">
<h3>模块大标题</h3>
<ul class="list_tab">
<!--注:当前状态为current-->
<li class="current"><a href="#">TAB1大标题</a></li>
<li><a href="#">TAB2大标题</a></li>
</ul>
<span class="more"><span class=""></span><a href="#">这里有更多»</a></span>
</div>
<ul>
<li>
<p class="good_pic"><a href="" target="_blank"><img src="" alt=""></a></p>
<p class="good_tit"><a href="" target="_blank">韩版女装春装夏装新款彩色条纹</a></p>
<p class="good_price">¥<span class="num">108.00</span></p>
<p class="good_state">已售出<span class="num">859</span>件</p>
</li>
</ul>
.tags-red i,.tags-blue i{display:inline-block;vertical-align:middle;vertical-align:-2px\0;#vertical-align:0;margin-left:5px;width:3px;text-indent:-8px;overflow:hidden;font:300 12px Simsun}
<i>◆</i>