亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net
您需要 登录 才可以下载或查看,没有账号?立即注册
x
(用自己的图片替换掉代码中的背景图片连接就可以-代码红色处)。
(数字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':[0,0],'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”时为完全不透明)
- *弹出层图片链接
- *打开链接方式=新窗口打开
复制代码
道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题!
如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服!
如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务! |