淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 801|回复: 9
收起左侧

[装修相关] 代码问题求助!

[复制链接]
  • TA的每日心情
    不爽
    7 天前
  • 签到天数: 301 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    273

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54390

    天猫美工最佳新人热心会员

    QQ
    发表于 2015-5-15 23:45:47 | 显示全部楼层 |阅读模式
    388美工币
    代码问题求助,!
    类似这个,我弄成了切片,比如,我想在“天猫”这个图片里做特效,点击天猫,网页整体不变,天猫这块图,跳转另外一个图

    ————————
    我现在这个网页,点击是能切换了,但是位置不对,我怎么调试都调试不了,另外,各位大神,如果您会另外一种方式弄成这个效果,麻烦请教下,帮助下,23:45分,我还继续在线等!!!
    388美工币酬劳!大神请笑纳哈~~

    <html>
    <head>
    <title>QQ截图20150515224459</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (QQ截图20150515224459.jpg) -->
    <table id="__01" width="1303" height="579" border="0" cellpadding="0" cellspacing="0">

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


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

  • TA的每日心情
    不爽
    7 天前
  • 签到天数: 301 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    273

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54390

    天猫美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-5-15 23:46:29 | 显示全部楼层
    <html> <head> <title>QQ截图20150515224459</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices (QQ截图20150515224459.jpg) --> <table id="__01" width="1303" height="579" border="0" cellpadding="0" cellspacing="0">         <tr>                 <td>                         <img src="http://img01.taobaocdn.com/imgextra/i1/832185962/TB2DZxlcVXXXXabXpXXXXXXXXXX_!!832185962.jpg" width="243" height="160" alt=""></td>                 <td>                         <img src="http://img04.taobaocdn.com/imgextra/i4/832185962/TB2sh0hcVXXXXaIXpXXXXXXXXXX_!!832185962.jpg" width="83" height="160" alt=""></td>                 <td>                         <img src="http://img02.taobaocdn.com/imgextra/i2/832185962/TB2JKtfcVXXXXbfXpXXXXXXXXXX_!!832185962.jpg" width="977" height="160" alt=""></td>         </tr>         <tr>                 <td>                         <img src="http://img04.taobaocdn.com/imgextra/i4/832185962/TB2wSXdcVXXXXcXXpXXXXXXXXXX_!!832185962.jpg" width="243" height="37" alt=""></td>                 <td>                         <img src="http://img03.taobaocdn.com/imgextra/i3/832185962/TB2GvdpcVXXXXc6XXXXXXXXXXXX_!!832185962.jpg" alt="http://img03.taobaocdn.com/imgextra/i3/832185962/TB2GvdpcVXXXXc6XXXXXXXXXXXX_!!832185962.jpg" onClick="show_ori_pic(this, 'ori_pic1');" /> <img src="http://img02.taobaocdn.com/imgextra/i2/832185962/TB2fM0tcVXXXXb3XXXXXXXXXXXX_!!832185962.jpg" alt="http://img02.taobaocdn.com/imgextra/i2/832185962/TB2fM0tcVXXXXb3XXXXXXXXXXXX_!!832185962.jpg" name="ori_pic1" id="ori_pic1" style="display: none; position: absolute;" onClick="this.style.display = 'none';" /> <script type="text/javascript">  function show_ori_pic (obj_thumb, ori_id) {   var obj_pic = document.getElementById(ori_id);   obj_pic.style.top = obj_thumb.offsetTop + "160px";   obj_pic.style.left = obj_thumb.offsetLeft + obj_thumb.offsetWidth + "-5px";   obj_pic.style.display = "";  } </script>                         </td>                 <td>                         <img src="http://img02.taobaocdn.com/imgextra/i2/832185962/TB2B2XhcVXXXXaAXpXXXXXXXXXX_!!832185962.jpg" width="977" height="37" alt=""></td>         </tr>         <tr>                 <td>                         <img src="http://img04.taobaocdn.com/imgextra/i4/832185962/TB27bhrcVXXXXcLXXXXXXXXXXXX_!!832185962.jpg" width="243" height="382" alt=""></td>                 <td>                         <img src="http://img04.taobaocdn.com/imgextra/i4/832185962/TB2qEBecVXXXXboXpXXXXXXXXXX_!!832185962.jpg" width="83" height="382" alt=""></td>                 <td>                         <img src="http://img04.taobaocdn.com/imgextra/i4/832185962/TB2XGpecVXXXXbUXpXXXXXXXXXX_!!832185962.jpg" width="977" height="382" alt=""></td>         </tr> </table> <!-- End Save for Web Slices --> </body> </html>

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


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

    回复

    使用道具 举报

  • TA的每日心情
    不爽
    7 天前
  • 签到天数: 301 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    273

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54390

    天猫美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-5-15 23:47:02 | 显示全部楼层
    茵符阁 发表于 2015-5-15 23:46
    QQ截图20150515224459                                                                                                                                                                                                                                                      function show_ori_pic (obj_t ...

    不好意思,刚发布的时候没注意看,没发布完整的代码,现在发出了,麻烦亲们帮助下哈,

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


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

    回复

    使用道具 举报

  • TA的每日心情

    5 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    QQ
    发表于 2015-5-16 01:51:48 | 显示全部楼层
    这代码你放到天猫店里面没被过虑代码吗
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
    回复

    使用道具 举报

  • TA的每日心情
    加油
    2015-5-21 14:10
  • 签到天数: 177 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    210

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21978

    淘宝皇冠店美工天猫美工

    发表于 2015-5-16 08:59:06 | 显示全部楼层
    本帖最后由 sdlqxfh 于 2015-5-16 09:04 编辑

    用这个代码修改一下即可
    1. <div class="taomeizhuli" style="width:990px;height:240px;"> <div style="width:990px;height:240px;margin-left:0px;"> <div class="taomeizhuli j15051608441601" style="margin-top:0px;width:240px;background:url(http://img03.taobaocdn.com/imgextra/i3/1692908480/TB2zwiNaFXXXXaIXpXXXXXXXXXX-1692908480.jpg);float:left;height:240px"> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.j15051608441601','align':{'node':'.j15051608441601','offset':[0,-240],'points':['bc','tc']}}" data-widget-type="Popup"> <div style="width:240px;background:url(http://img04.taobaocdn.com/imgextra/i4/1692908480/TB26nqYaFXXXXaxXXXXXXXXXXXX-1692908480.jpg);height:240px"> <a href="" style="width:240px;display:block;height:240px;" target="_blank"></a> </div> </div> </div> <div class="taomeizhuli j15051608441602" style="margin-top:0px;width:240px;background:url(http://img03.taobaocdn.com/imgextra/i3/1692908480/TB215WZaFXXXXXZXXXXXXXXXXXX-1692908480.jpg);float:left;height:240px;margin-left:10px"> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.j15051608441602','align':{'node':'.j15051608441602','offset':[0,-240],'points':['bc','tc']}}" data-widget-type="Popup"> <div style="width:240px;background:url(http://img03.taobaocdn.com/imgextra/i3/1692908480/TB2fYqRaFXXXXXbXpXXXXXXXXXX-1692908480.jpg);height:240px"> <a href="" style="width:240px;display:block;height:240px;" target="_blank"></a> </div> </div> </div> <div class="taomeizhuli j15051608441603" style="margin-top:0px;width:240px;background:url(http://img03.taobaocdn.com/imgextra/i3/1692908480/TB2ZXqTaFXXXXb_XXXXXXXXXXXX-1692908480.jpg);float:left;height:240px;margin-left:10px"> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.j15051608441603','align':{'node':'.j15051608441603','offset':[0,-240],'points':['bc','tc']}}" data-widget-type="Popup"> <div style="width:240px;background:url(http://img03.taobaocdn.com/imgextra/i3/1692908480/TB2ajG0aFXXXXXmXXXXXXXXXXXX-1692908480.jpg);height:240px"> <a href="" style="width:240px;display:block;height:240px;" target="_blank"></a> </div> </div> </div> <div class="taomeizhuli j15051608441604" style="margin-top:0px;width:240px;background:url(http://img04.taobaocdn.com/imgextra/i4/1692908480/TB2pzOYaFXXXXawXXXXXXXXXXXX-1692908480.jpg);float:left;height:240px;margin-left:10px"> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.j15051608441604','align':{'node':'.j15051608441604','offset':[0,-240],'points':['bc','tc']}}" data-widget-type="Popup"> <div style="width:240px;background:url(http://img03.taobaocdn.com/imgextra/i3/1692908480/TB2A7SZaFXXXXXYXXXXXXXXXXXX-1692908480.jpg);height:240px"> <a href="" style="width:240px;display:block;height:240px;" target="_blank"></a> </div> </div> </div> </div> </div>
    复制代码

    关键是调用这个代码:<div class="taomeizhuli j15051608441601" style="margin-top:0px;width:240px;background:url(此处更改为A图地址);float:left;height:240px"> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.j15051608441601','align':{'node':'.j15051608441601','offset':[0,-240],'points':['bc','tc']}}" data-widget-type="Popup"> <div style="width:240px;background:url(此处更改为B图地址);height:240px"> <a href="" style="width:240px;display:block;height:240px;" target="_blank"></a> </div> </div> </div>


    红叶家居旗舰店  http://hongyejj.tmall.com
    回复

    使用道具 举报

  • TA的每日心情
    不爽
    7 天前
  • 签到天数: 301 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    273

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54390

    天猫美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-5-16 09:29:19 | 显示全部楼层
    sdlqxfh 发表于 2015-5-16 08:59
    用这个代码修改一下即可

    关键是调用这个代码:

    我不是用在天猫店的,我就随意网络用的,我试试你的代码,谢谢了,

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


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

    回复

    使用道具 举报

  • TA的每日心情
    不爽
    7 天前
  • 签到天数: 301 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    273

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54390

    天猫美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-5-16 09:34:34 | 显示全部楼层
    sdlqxfh 发表于 2015-5-16 08:59
    用这个代码修改一下即可

    关键是调用这个代码:

    你的代码好像不行的呀,我的需求很简单,就是点击图片,页面不变,点击的那块图片变成另外一个图片,再点击,又倒回来,我一开始发的代码我现在调试是可以用的,就是IE浏览器不行。

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


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

    回复

    使用道具 举报

  • TA的每日心情
    不爽
    7 天前
  • 签到天数: 301 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    273

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54390

    天猫美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-5-16 09:35:24 | 显示全部楼层
    峰生水起之林 发表于 2015-5-16 01:51
    这代码你放到天猫店里面没被过虑代码吗

    我的不是天猫的,我就做我自己的网页,要实现这个效果而已,我一开始发的代码我现在调试是可以用的,就是IE浏览器不行。

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


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

    回复

    使用道具 举报

  • TA的每日心情

    2015-8-14 09:15
  • 签到天数: 79 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    25

    帖子

    8905

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8905

    最佳新人

    发表于 2015-5-16 10:00:57 | 显示全部楼层

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


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

    回复

    使用道具 举报

  • TA的每日心情
    不爽
    7 天前
  • 签到天数: 301 天

    连续签到: 1 天

    [LV.8]自成一派

    8

    主题

    273

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    54390

    天猫美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-5-20 11:39:35 | 显示全部楼层
    已经解决了。代码已经是OK的。、

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


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

    回复

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2016-12-6 16:17 , Processed in 0.176732 second(s), 18 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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