淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 621|回复: 8
收起左侧

[装修相关] 怎样把前端代码改成自定义内容的代码?

[复制链接]
  • TA的每日心情
    抱抱
    2015-12-28 00:02
  • 签到天数: 97 天

    连续签到: 1 天

    [LV.6]渐入佳境

    1

    主题

    12

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    25108

    发表于 2015-9-4 12:39:59 | 显示全部楼层 |阅读模式
    不知道我的标题有没有岐意,
    我的本意是这样,我看到别人的店铺首页很漂亮,所以想仿制。
    通过查看源文件的方式,知道他的代码是这样的:
    1. <div class="main-wrap J_TRegion" data-modules="main" style="overflow:visible;" data-width="b950">
    2. <div class="J_TModule" data-widgetid="11914585473"  id="shop11914585473"  data-componentid="10338161"  data-spm='110.0.10338161-11914585473'  microscope-data='10338161-11914585473' data-title="S1轮播广告"  >
    3.       
    4. <div class="tb-module tshop-um tshop-um-s1" style="">
    5. <div class="s1" style="margin-left:0px;height:2186px;width:990px;">
    6. <div class="shop-custom abs" style="height:2186px;width:1920px;left:-465px;top:0px;">

    7. <div class="item" style="height:854px;width:1920px;">
    8. <div class="zui_area">
    9. <img src="01.jpg" usemap="#Map_s1_gd_1" style="vertical-align:top;"/>
    10. <map name="Map_s1_gd_1"></map>
    11. <a class="J_TWidget zui s1_gd_pop_0" style="top:156px;left:256px;width:294px;height:150px;background:url(01.gif) no-repeat;" href="#" target="_blank"></a>
    12. <a class="J_TWidget zui s1_gd_pop_1" style="top:305px;left:257px;width:292px;height:172px;background:url(02.gif) no-repeat;" href="#" target="_blank"></a>
    13. <a class="J_TWidget zui s1_gd_pop_2" style="top:255px;left:1382px;width:320px;height:188px;background:url(03.gif) no-repeat;" href="#" target="_blank"></a>
    14. <a class="J_TWidget zui s1_gd_pop_3" style="top:76px;left:564px;width:807px;height:721px;" href="#" target="_blank"></a>
    15. <a class="J_TWidget zui s1_gd_pop_4 htrans-ml0" style="top:0px;left:0px;width:960px;height:854px;background:url(top1.png) no-repeat;"></a>
    16. <a class="J_TWidget zui s1_gd_pop_5 htrans-mr0" style="top:0px;left:960px;width:960px;height:854px;background:url(top2.png) no-repeat;"></a>
    17. </div>
    18. </div>

    19. <div class="item" style="height:752px;width:1920px;">
    20. <div class="zui_area">
    21. <img src="02.jpg" usemap="#Map_s1_gd_2" style="vertical-align:top;"/>
    22. <map name="Map_s1_gd_2"></map>
    23. <a class="J_TWidget zui s1_gd_pop_6" style="top:409px;left:867px;width:247px;height:143px;background:url(04.gif) no-repeat;"></a>
    24. <a class="J_TWidget zui s1_gd_pop_7" style="top:502px;left:1034px;width:80px;height:50px;background:url(05.gif) no-repeat;"></a>
    25. <a class="J_TWidget zui s1_gd_pop_8" style="top:148px;left:356px;width:1203px;height:564px;" href="#" target="_blank"></a>
    26. </div>
    27. </div>


    28. </div>
    29. </div>  
    30. </div>
    31.   
    32. </div>
    33. </div>
    复制代码
    上面代码的效果是显示全屏图片(01.jpg),然后在全屏图片上层还可以显示01.gif、02.gif、03.gif这三张动态图片,
    还可以监测到鼠标的动作,如果鼠标是不在自定义内容区域时,在自定义区域加载top1.png和top2.png这两张图片,
    我直接把代码输入在自定义内容的话,是出错的,
    请问要如何修改代码呢?
    先谢谢了

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-3 21:46 , Processed in 0.150642 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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