查看: 3615|回复: 15
【求助】一个页面多个弹出层的问题
TA的每日心情臭美 11:50签到天数: 50 天连续签到: 1 天[LV.5]略有小成主题帖子积分
阅读权限: 30
中级会员, 积分 14064, 距离下一级还需 85936 积分
中级会员, 积分 14064, 距离下一级还需 85936 积分
请问淘宝店铺，能不能在首页里，制作多个弹出层的自定义模块？
我用的是下面的代码，不管设置几个自定义模块，都在第一个自定义模块中弹出，改了N个地方，也找不到到底哪里是自定义触点元素。总之就是改不对。求老大们指教~！
&div class=&first-trigger&&
& &&img data-pinit=&registered& height=&91&
src=&/tps/i1/T1N_7CFjBXXXbmEO_y-500-200.gif& width=&229& /&
&/div&
&div class=&J_TWidget hidden& data-widget-config=&{&trigger&:&.first-
trigger&,&align&:{&node&:&.first-
trigger&,&offset&:[0,0],&points&:
[&tl&,&tr&]}}& data-widget-type=&Popup&&
&&&div style=&opacity:0.8;&&
& &&&&a href=&/?spm=0.0.0.0.089Jul&scene=taobao_shop&
target=&_blank&&&img data-pinit=&registered& height=&200&
src=&/tps/i1/T1N_7CFjBXXXbmEO_y-500-200.gif&
style=&float:margin:0& width=&500& /&&/a&
&&&/div&
&/div&复制代码麻烦给个准确的定位点，定位到哪个地方修改后是能在一个页面出现多个弹出层的，在不同的自定义模块中哦~
我知道了，你在第一个模块里是不是已经设置了一个class="first-trigger"
你在你后面的自定义模块里把这个first-trigger全改成caspy
你做一个弹出就把代码里的这一个部分全改成caspy1,caspy2，caspy3……
请注意，每个自定义里的这部分都只能定一个
我敢拿小JJ打赌
TA的每日心情不爽 20:42签到天数: 8 天连续签到: 1 天[LV.3]武林新秀主题帖子积分
阅读权限: 50
高级会员, 积分 117674, 距离下一级还需 382326 积分
高级会员, 积分 117674, 距离下一级还需 382326 积分
我知道了，你在第一个模块里是不是已经设置了一个class=&first-trigger&
你在你后面的自定义模块里把这个first-trigger全改成caspy& & 你做一个弹出就把代码里的这一个部分全改成caspy1,caspy2，caspy3……
请注意，每个自定义里的这部分都只能定一个& & 肯定可以& &我敢拿小JJ打赌
TA的每日心情吐舌头 21:52签到天数: 19 天连续签到: 1 天[LV.4]初窥堂奥主题帖子积分
阅读权限: 30
中级会员, 积分 17273, 距离下一级还需 82727 积分
中级会员, 积分 17273, 距离下一级还需 82727 积分
利用论坛的帖子搜索功能，之前的前辈有过关于弹出的帖子说明。
淘宝美工论坛－汇聚淘宝美工高端人才，建设淘宝美工人才基地。请认准论坛唯一网址：
TA的每日心情臭美 11:50签到天数: 50 天连续签到: 1 天[LV.5]略有小成主题帖子积分
阅读权限: 30
中级会员, 积分 14064, 距离下一级还需 85936 积分
中级会员, 积分 14064, 距离下一级还需 85936 积分
利用论坛的帖子搜索功能，之前的前辈有过关于弹出的帖子说明。
嗯是的，有看过一些呢，不过就是看过之前的帖子，感觉很无助，好多不懂得，而且都是各种图片，我就想用最简单的代码了解清楚到底是什么意思~谢谢您的回答
TA的每日心情吐舌头 21:52签到天数: 19 天连续签到: 1 天[LV.4]初窥堂奥主题帖子积分
阅读权限: 30
中级会员, 积分 17273, 距离下一级还需 82727 积分
中级会员, 积分 17273, 距离下一级还需 82727 积分
嗯是的，有看过一些呢，不过就是看过之前的帖子，感觉很无助，好多不懂得，而且都是各种图片，我就想用最 ...
之前有帖子有说明弹出层的触点以及弹出层弹出位置的。自己找找吧
瓦拉一个去啊
TA的每日心情大哭 02:08签到天数: 15 天连续签到: 1 天[LV.4]初窥堂奥主题帖子积分
阅读权限: 20
注册会员, 积分 9145, 距离下一级还需 855 积分
注册会员, 积分 9145, 距离下一级还需 855 积分
直接问原帖LZ
预览店铺：/
TA的每日心情不爽 20:42签到天数: 8 天连续签到: 1 天[LV.3]武林新秀主题帖子积分
阅读权限: 50
高级会员, 积分 117674, 距离下一级还需 382326 积分
高级会员, 积分 117674, 距离下一级还需 382326 积分
你把单引号写成双引号了
另外……你原图和弹出图片是同一张，这是何意？
&div class=&first-trigger&&
& &&img data-pinit=&registered& height=&91& src=&/tps/i1/T1N_7CFjBXXXbmEO_y-500-200.gif& width=&229& /&
&/div&
&div class=&J_TWidget hidden& data-widget-config=&{
& & & & 'trigger':'.first-trigger',
& & & & 'align':{
& & & & 'node':'.first-trigger',
& & & & 'offset':[0,0],
& & & & 'points':['tl','tr']
}}& data-widget-type=&Popup&&
&&&div style=&opacity:0.8;&&
& &&&&a href=&/?spm=0.0.0.0.089Jul&scene=taobao_shop& target=&_blank&&
& &&&&img data-pinit=&registered& height=&200& src=&/tps/i1/T1N_7CFjBXXXbmEO_y-500-200.gif& style=&float:margin:0& width=&500& /&
& &&&&/a&
&&&/div&
&/div&复制代码
TA的每日心情臭美 11:50签到天数: 50 天连续签到: 1 天[LV.5]略有小成主题帖子积分
阅读权限: 30
中级会员, 积分 14064, 距离下一级还需 85936 积分
中级会员, 积分 14064, 距离下一级还需 85936 积分
本帖最后由 cjxabcd 于
13:26 编辑
你把单引号写成双引号了
另外……你原图和弹出图片是同一张，这是何意？
哦，我自己在网上写的是单引号
图无所谓，我主要想知道我的问题怎么解决谢谢。
TA的每日心情不爽 20:42签到天数: 8 天连续签到: 1 天[LV.3]武林新秀主题帖子积分
阅读权限: 50
高级会员, 积分 117674, 距离下一级还需 382326 积分
高级会员, 积分 117674, 距离下一级还需 382326 积分
哦，我自己在网上写的是单引号
图无所谓，我主要想知道我的问题怎么解决谢谢。
改成单引号就可以了
TA的每日心情臭美 11:50签到天数: 50 天连续签到: 1 天[LV.5]略有小成主题帖子积分
阅读权限: 30
中级会员, 积分 14064, 距离下一级还需 85936 积分
中级会员, 积分 14064, 距离下一级还需 85936 积分
改成单引号就可以了
没用的。谢谢你的回答，但是没解决。我在网上本来也是单引号的
两个自定义模块，还是得鼠标放在第一个模块上才能显示
QQ图片24.jpg (23.79 KB, 下载次数: 0)
13:43 上传
注册账号后积极发帖的会员
经常帮助其他会员答疑
经常参与各类话题的讨论，发帖内容较有主见，在线时间达到720小时（30天）
Powered by2010年7月 总版技术专家分月排行榜第二2010年6月 总版技术专家分月排行榜第二
2010年5月 总版技术专家分月排行榜第三
2008年 总版技术专家分年内排行榜第二
2010年 总版技术专家分年内排行榜第四2009年 总版技术专家分年内排行榜第五2007年 总版技术专家分年内排行榜第六
2010年5月 总版技术专家分月排行榜第二2010年4月 总版技术专家分月排行榜第二
2011年7月 荣获微软MVP称号2010年7月 荣获微软MVP称号
本帖子已过去太久远了，不再提供回复功能。这样一个弹窗怎么写，【web前端开发吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：46,390贴子：
这样一个弹窗怎么写，收藏
登录百度帐号推荐应用打开一个网页后，右下角自动弹出给我留言的窗口的代码怎么写？_网页制作 - QQ志乐园
您的当前位置： &
打开一个网页后，右下角自动弹出给我留言的窗口的代码怎么写？
来源： |人气：932 ℃|时间： 01:21:33
为了解决用户可能碰到关于"打开一个网页后，右下角自动弹出给我留言的窗口的代码怎么写？"相关的问题，志乐园经过收集整理为用户提供相关的解决办法，请注意，解决办法仅供参考，不代表本网同意其意见,如有任何问题请与本网联系。"打开一个网页后，右下角自动弹出给我留言的窗口的代码怎么写？"相关的详细问题如下:
&!-- saved from url=file://C:/Documents and Settings/yfq/桌面/升起窗口提示.html --& &script& window.onerror = new Function("return(false);") &/script& &!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"& &HTML& &HEAD& &TITLE&类似MSN提示的页面效果 &/TITLE& &/HEAD& &BODY scroll=no& &!--StartFragment--&看到右下角的提示了吗？如果没有看到， &BUTTON onclick=location.reload();&刷新 &/BUTTON&一下 &SCRIPT language=JavaScript& window.onload = getM window.onresize = resizeD window.onerror = function(){} //短信提示使用(asilas添加) var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0; function getMsg() { try{ divTop = parseInt(document.getElementById("eMeng").style.top,10) divLeft = parseInt(document.getElementById("eMeng").style.left,10) divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) docWidth = document.body.clientW docHeight = document.body.clientH document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth document.getElementById("eMeng").style.visibility="visible" objTimer = window.setInterval("moveDiv()",10) } catch(e){} } function resizeDiv() { i+=1 if(i&500) closeDiv() try{ divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) docWidth = document.body.clientW docHeight = document.body.clientH document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10) document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10) } catch(e){} } function moveDiv() { try { if(parseInt(document.getElementById("eMeng").style.top,10) &= (docHeight - divHeight + parseInt(document.body.scrollTop,10))) { window.clearInterval(objTimer) objTimer = window.setInterval("resizeDiv()",1) } divTop = parseInt(document.getElementById("eMeng").style.top,10) document.getElementById("eMeng").style.top = divTop - 1 } catch(e){} } function closeDiv() { document.getElementById('eMeng').style.visibility='hidden'; if(objTimer) window.clearInterval(objTimer) } &/SCRIPT& &DIV id=eMeng style="BORDER-RIGHT: # BORDER-TOP: #a6b4cf 1 Z-INDEX: 99999; LEFT: 840 V*IBILITY: BORDER-LEFT: #a6b4cf 1 WIDTH: 180 BORDER-BOTTOM: # POSITION: TOP: 483 HEIGHT: 116 BACKGROUND-COLOR: #c9d3f3"& &TABLE style="BORDER-TOP: #ffffff 1 BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0& &TBODY& &TR& &TD style="FONT-SIZE: 12 BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #0f2c8c" width=30 height=24& &/TD& &TD style="PADDING-LEFT: 4 FONT-WEIGHT: FONT-SIZE: 12 BACKGROUND-IMAGE: url(msgTopBg.gif); COLOR: #1f336b; PADDING-TOP: 4px" vAlign=center width="100%"&短消息提示： &/TD& &TD style="PADDING-RIGHT: 2 BACKGROUND-IMAGE: url(msgTopBg.gif); PADDING-TOP: 2px" vAlign=center align=right width=19& &SPAN title=关闭 style="FONT-WEIGHT: FONT-SIZE: 12 CURSOR: COLOR: MARGIN-RIGHT: 4px" onclick=closeDiv()&× &/SPAN& &!-- &IMG title=关闭 style="CURSOR: hand" onclick=closeDiv() hspace=3 src="msgClose.jpg"& --& &/TD& &/TR& &TR& &TD style="PADDING-RIGHT: 1 BACKGROUND-IMAGE: url(1msgBottomBg.jpg); PADDING-BOTTOM: 1px" colSpan=3 height=90& &DIV style="BORDER-RIGHT: #b9c9ef 1 PADDING-RIGHT: 13 BORDER-TOP: #728eb8 1 PADDING-LEFT: 13 FONT-SIZE: 12 PADDING-BOTTOM: 13 BORDER-LEFT: #728eb8 1 WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18 BORDER-BOTTOM: #b9c9ef 1 HEIGHT: 100%"&您有 &FONT color=#ff0000&1 &/FONT&封新短消息 &BR& &BR& &DIV style="WORD-BREAK: break-all" align=center& &A href="javascript:alert('你好')"& &FONT color=#ff0000&点击查看短信 &/FONT& &/A& &/DIV& &/DIV& &/TD& &/TR& &/TBODY& &/TABLE& &/DIV& &!--EndFragment--& &/BODY& &/HTML&
||||点击排行}