php道勤 发表于 2014-10-16 23:45:47

常用代码转载来自互联网www.daoqin.net收集整理

(用自己的图片替换掉代码中的背景图片连接就可以-代码红色处)。
(数字0有4段样式,控制0的上下左右位置, 颜色大小,字体,-蓝色代码处)(控制倒计时模块大小的代码—绿色处) 只要找到对应的代码样式进行编辑即可! (粉色处—是设置想要倒计时到哪一天)(褐色处—控制0000偏位,高度,可以自己调试)
倒计时代码——

<table border="0" cellpadding="0" cellspacing="0" class="" height="105" width="310">
<tbody>
<tr>
<td style="background:url(图片地址
) no-repeat;width:310px;height:105px;">
<div class="J_TWidget countdown11" data-widget-config="{'endTime': '2013-11-12 0:00:00','interval': 1000,'timeRunCls': '.ks-countdown-run', 'timeUnitCls':{ 'd': '.ks-d','h': '.ks-h', 'm': '.ks-m','s': '.ks-s' },'minDigit':2}" data-widget-type="Countdown" style="font-family:arial;margin-left:10px;">
<div class="time-count ks-countdown-run" style="padding-top:-10px;padding-left:2px;">
<div class="ks-d" style="border:0px solid rgb(0,0,0);width:50px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;float:left;">
0</div>
<div class="ks-h" style="border:0px solid rgb(0,0,0);width:35px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;margin-left:33px;margin-right:49px;float:left;">
0</div>
<div class="ks-m" style="border:0px solid rgb(0,0,0);width:35px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;margin-right:42px;float:left;">
0</div>
<div class="ks-s" style="border:0px solid rgb(0,0,0);width:35px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;float:left;">
0</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>文字滚动一般用的是<marquee></marquee>这个标签哈、标签里面的放的就是你的文字内容、这个标签有下面几个参数、我给你说一下、你可以选几个你用的着的、
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
align 表示元素的水平对齐方式,值可以是left,center,right,默认为left
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续滚动。




Popup弹出层代码新手入门实例【带说明】
<div class="first-trigger">
<img data-pinit="registered" height="91" src="图片地址" width="229" /></div>
<div class="J_TWidget hidden" data-widget-config="{'trigger':'.first-trigger','align':{'node':'.first-trigger','offset':,'points':['bl','tl']}}" data-widget-type="Popup">
<div style="opacity:0.8;">
<a href="http://www.tmall.com/?spm=0.0.0.0.089Jul&scene=taobao_shop" target="_blank"><img data-pinit="registered" height="200" src="图片地址" style="float:none;margin:0px;" width="500" /></a></div>
</div>
【根据颜色查看下方说明】
*图片宽高
*图片地址
*弹出层偏移微调(X轴,Y轴)
*弹出层对齐点('tl'-左上角点, 'tc'-顶部中间点, 'tr'-右上角点, 'cl'-左侧中点, 'cc'-图片中心点, 'cr右侧中点', 'bl'-左下角点, 'bc'底部中点, 'br'-右下角点)示例:{['bl','tl']=触点图片左下角与弹出层左上角对齐}
*弹出层透明度(当值=“1”时为完全不透明)
*弹出层图片链接
*打开链接方式=新窗口打开

页: [1]
查看完整版本: 常用代码转载来自互联网www.daoqin.net收集整理