有谁会做像 口碑网 [切换城市]->更多->弹出的对话框

gzhme 2007-12-16 08:05:54
网址:http://hangzhou.koubei.com/
...全文
441 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
xiaolei1982 2007-12-18
  • 打赏
  • 举报
回复
哦你看源代码吧,写得很清楚,它用的是这个js
http://image1.koubei.com/js/popupdialogbox.js
用的这个调用
<span>[<a id="topSelectCity" href="http://www.koubei.com/city/include/change_city.jsp" onmouseover="showChangeCity();" onclick="return false" onmouseout="hiddenChangeCity()">切换城市</a>]</span>
剩下的你自己研究一下
<script>
function showChangeCity(){
document.getElementById("ChangeCity").style.display= "block";
if(navigator.appName=="Microsoft Internet Explorer"){

var pageOption=document.getElementsByTagName("select");
for(var i=0;i<pageOption.length;i++){
pageOption[i].style.visibility = "hidden";
}
}
}
function hiddenChangeCity() {
if(navigator.appName=="Microsoft Internet Explorer"){

var pageOption=document.getElementsByTagName("select");
for(var i=0;i<pageOption.length;i++){
pageOption[i].style.visibility = "visible";
}
}
document.getElementById("ChangeCity").style.display = "none";
}

var theUrl = document.location.href;
var reg=Array(/store/,/fang/,/cate/,/fenlei/);
for(var i=0;i<4;i++){
var regResult=theUrl.match(reg[i]);
if(regResult!=null){
var channelSelect=regResult[0];
}
}
if(channelSelect==undefined){
channelSelect="";
}
arrHref=document.getElementById('ChangeCity').getElementsByTagName('tbody')[0].getElementsByTagName('a');
for(var i=0;i<arrHref.length;i++){
var tempHref=arrHref[i].href;
arrHref[i].href=tempHref + channelSelect;
}
document.getElementById("OpenUrl").href="javascript:popdialog.openWithIframe('选择城市','http://www.koubei.com/city/selectcitymore.html?city=1805&channel="+channelSelect+"',620,500,true);";
document.getElementById("topSelectCity").href="javascript:popdialog.openWithIframe('选择城市','http://www.koubei.com/city/selectcitymore.html?city=1805&channel="+channelSelect+"',620,500,true);";
</script>

gzhme 2007-12-18
  • 打赏
  • 举报
回复
人人有分,永不落空,多劳多得,哈哈。。。
gzhme 2007-12-18
  • 打赏
  • 举报
回复
你很厉害的,我的qq:444845983
谢谢。
xiaolei1982 2007-12-18
  • 打赏
  • 举报
回复
点击左上角的管理帖子,呵呵楼主有事还是到论坛吧,
我只是只小菜鸟,惭愧啊
gzhme 2007-12-18
  • 打赏
  • 举报
回复
如何结贴呀.?
gzhme 2007-12-18
  • 打赏
  • 举报
回复
小磊:可以给我你的联系方式吗?
以后多多请教你呀.
谢谢...
a11377815 2007-12-18
  • 打赏
  • 举报
回复
xuexi
xiaoyugege2007 2007-12-17
  • 打赏
  • 举报
回复
学习了,不错
chinastorm 2007-12-17
  • 打赏
  • 举报
回复
我来学习一下,呵呵
tantaiyizu 2007-12-17
  • 打赏
  • 举报
回复
蹭小磊点分
gzhme 2007-12-17
  • 打赏
  • 举报
回复
谢谢,很不错,效果达到了。
>>我有问题要提问的:
1.如果我要在这个层里面进行一些业务处理(就像口碑网的那样!),我该怎么做呢?
2.层里面的数据是动态的(比如:就到数据库查出来的),我该怎么显示到层里面?
3.如果获取到了数据.是不是也是一层层的创建,再appendChild(...)?感觉这样做的话,写的代码很多,不划算.
4.我看了口碑网的那个,看不懂...
5.口碑网的那个好像是用一个页面做的,我想他的数据就是在那个页面获得的.
6.http://www.koubei.com/city/include/change_city.jsp.这个就是他的页面.
7.我怎么看也看懂他是怎么调用的.
xiaolei1982 2007-12-16
  • 打赏
  • 举报
回复
不贴了,csdn全都加了空格,记得把那些空格都去掉,哎,用一个替换就行
xiaolei1982 2007-12-16
  • 打赏
  • 举报
回复
<script   type= "text/javascript "   language= "javascript " >
//more javascript from http://www.smallrain.net
function sAlert(str){
var msgw,msgh,bordercolor;
msgw=400;//提示窗口的宽度
msgh=100;//提示窗口的高度
titleheight=25 //提示窗口标题高度
bordercolor= "#c51100 ";//提示窗口的边框颜色
titlecolor= "#c51100 ";//提示窗口的标题颜色

var sWidth,sHeight;
sWidth=screen.width;
sHeight=screen.height;

var bgObj=document.createElement( "div ");
bgObj.setAttribute( 'id ', 'bgDiv ');
bgObj.style.position= "absolute ";
bgObj.style.top= "0 ";
bgObj.style.background= "#cccccc ";
bgObj.style.filter= "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75 ";
bgObj.style.opacity= "0.6 ";
bgObj.style.left= "0 ";
bgObj.style.width=sWidth + "px ";
bgObj.style.height=sHeight + "px ";
bgObj.style.zIndex = "10000 ";
document.body.appendChild(bgObj);

var msgObj=document.createElement( "div ")
msgObj.setAttribute( "id ", "msgDiv ");
msgObj.setAttribute( "align ", "center ");
msgObj.style.background= "white ";
msgObj.style.border= "1px solid " + bordercolor;
msgObj.style.position = "absolute ";
msgObj.style.left = "50% ";
msgObj.style.top = "50% ";
msgObj.style.font= "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif ";
msgObj.style.marginLeft = "-225px " ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+ "px ";
msgObj.style.width = msgw + "px ";
msgObj.style.height =msgh + "px ";
msgObj.style.textAlign = "center ";
msgObj.style.lineHeight = "25px ";
msgObj.style.zIndex = "10001 ";

var title=document.createElement( "h4 ");
title.setAttribute( "id ", "msgTitle ");
title.setAttribute( "align ", "right ");
title.style.margin= "0 ";
title.style.padding= "3px ";
title.style.background=bordercolor;
title.style.filter= "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100); ";
title.style.opacity= "0.75 ";
title.style.border= "1px solid " + bordercolor;
title.style.height= "18px ";
title.style.font= "12px Verdana, Geneva, Arial, Helvetica, sans-serif ";
title.style.color= "white ";
title.style.cursor= "pointer ";
title.innerHTML= "关闭 ";
title.onclick=function(){
document.body.removeChild(bgObj);
document.getElementById( "msgDiv ").removeChild(title);
document.body.removeChild(msgObj);
}
document.body.appendChild(msgObj);
document.getElementById( "msgDiv ").appendChild(title);
var txt=document.createElement( "p ");
txt.style.margin= "1em 0 "
txt.setAttribute( "id ", "msgTxt ");
txt.innerHTML=str;
document.getElementById( "msgDiv ").appendChild(txt);
}
</script >
<input type= "button " value= "点击这里 " onClick= "sAlert( 'test弹窗效果 '); " / >

87,925

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧