立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 3573|回复: 0

[淘宝美工图文教程] 常用代码转载来自互联网www.daoqin.net收集整理

[复制链接]

51

主题

2

回帖

136

积分

终身VIP会员

Rank: 7Rank: 7Rank: 7

积分
136

推广达人宣传达人突出贡献荣誉管理论坛元老

发表于 2014-10-16 23:45:47 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

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

  2. <table border="0" cellpadding="0" cellspacing="0" class="" height="105" width="310">
  3. <tbody>
  4. <tr>
  5. <td style="background:url(图片地址
  6. ) no-repeat;width:310px;height:105px;">
  7. <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;">
  8. <div class="time-count ks-countdown-run" style="padding-top:-10px;padding-left:2px;">
  9. <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;">
  10. 0</div>
  11. <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;">
  12. 0</div>
  13. <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;">
  14. 0</div>
  15. <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;">
  16. 0</div>
  17. </div>
  18. </div>
  19. </td>
  20. </tr>
  21. </tbody>
  22. </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弹出层代码新手入门实例【带说明】
  1. <div class="first-trigger">
  2. <img data-pinit="registered" height="91" src="图片地址" width="229" /></div>
  3. <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">
  4. <div style="opacity:0.8;">
  5. <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>
  6. </div>
  7. 【根据颜色查看下方说明】
  8. *图片宽高
  9. *图片地址
  10. *弹出层偏移微调(X轴,Y轴)
  11. *弹出层对齐点('tl'-左上角点, 'tc'-顶部中间点, 'tr'-右上角点, 'cl'-左侧中点, 'cc'-图片中心点, 'cr右侧中点', 'bl'-左下角点, 'bc'底部中点, 'br'-右下角点)示例:{['bl','tl']=触点图片左下角与弹出层左上角对齐}
  12. *弹出层透明度(当值=“1”时为完全不透明)
  13. *弹出层图片链接
  14. *打开链接方式=新窗口打开
复制代码


道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程 ( 皖ICP备15000319号-1 )

GMT+8, 2024-12-23 18:46

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表