asp页面中实现弹出层向主页面传值 100
就是像http://www.51job.com/里面那个搜索表单中点击“工作地点”按钮弹出地址选择窗口那样，能实现把选择的值作为按钮的value值，不知道这个在asp页面...
就是像http://www.51job.com/里面那个搜索表单中点击“工作地点”按钮弹出地址选择窗口那样，能实现把选择的值作为按钮的value值，不知道这个在asp页面里面如果实现？请大哥大姐们指点啊！
问题补充：我说的那种功能在http://www.17job.com.cn首页“职位搜索“中实现了！人家也是asp页面
如果有好的回答，比如说可以写一个最简单但又可以说明原理的asp页面的话我可以把http://zhidao.baidu.com/question/50246256.html中的一百分也给你！
一楼的朋友，您给的也只是实现了弹出一个层出来啊！又没涉及到从层中可以传值到主页面！ 展开
问题补充：我说的那种功能在http://www.17job.com.cn首页“职位搜索“中实现了！人家也是asp页面
如果有好的回答，比如说可以写一个最简单但又可以说明原理的asp页面的话我可以把http://zhidao.baidu.com/question/50246256.html中的一百分也给你！
一楼的朋友，您给的也只是实现了弹出一个层出来啊！又没涉及到从层中可以传值到主页面！ 展开
2个回答
展开全部
试试这个～～～～
这个是主页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<link href="pub.css" rel="stylesheet" type="text/css"/>
<link href="skin1.css" rel="stylesheet" type="text/css"/>
<body>
<div id="begin" style="display:block;">
<input type="button" value="开 始" class="bton fl" onclick="showBg();showSkinDiv('beginDiv');"/>
</div>
<div id="begin2" style="display:block;">
<input type="button" value="开 始" class="bton fl" onclick="showBg();showSkinDiv('beginDiv');"/>
</div>
<!--灰色背景-->
<div id="skinBg" style="display:none;"></div>
<!--主菜单-->
<div id="beginDiv" class="borU floatDiv" style="display:none;">
<span class="borB blo ">
<span class="menu01 blo move" id="beginId" onmousedown="setDragO($('beginDiv'));setNew(event,$('beginDiv'))">
<span class="menu01Bg blo">
<h3 class="fl">开始菜单</h3>
<span class="fr marR hand" onclick="closeBg();closeSkinDiv('beginDiv');">
[关闭]
</span>
</span>
</span>
</span>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
这个是js代码,你把下面的JS代码保存为script.js
window.onload = function(){
/*--皮肤cookie--*/
if(readCookie("skin")!="")
{
document.getElementsByTagName("link")[1].href= "css/skin" + readCookie("skin") + ".css" ;
$("testDiv").className = "test" + readCookie("skin");
skinURL = readCookie("skin");
skinPre = readCookie("skin");
}
/*--开始按钮位置--*/
//setBeginPosition();
}
//window.onresize = setBeginPosition;
//window.onscroll = setBeginPosition;
setInterval(function(){setBeginPosition()},1);
var skinPre = 1;//预设皮肤值
var skinURL = 1;//实际皮肤值
function changeSkint(skinId){ //测试层样式修改
skinPre=skinId;
$("testDiv").className = "test"+skinId;
}
function changeSkin(){ //实际样式修改
skinURL = skinPre;
document.getElementsByTagName("link")[1].href= "css/skin" + skinURL + ".css" ;
writeCookie("skin",skinURL,72);
}
function showBg(){ //灰色背景显示
$("skinBg").style.display="block";
if(document.all)
{
$("skinBg").style.height=document.body.scrollHeight + "px";
}
else
{
$("skinBg").style.height=document.documentElement.scrollHeight + "px";
}
$("skinBg").style.top=0+"px";
$("skinBg").style.left=0+"px";
}
function closeBg(){ //灰色背景关闭
$("skinBg").style.display="none";
}
function showSkinDiv(o){//显示层
$(o).style.display = "block";
$(o).style.left = document.documentElement.offsetWidth/2 - $(o).offsetWidth/2 + "px";
$(o).style.top = document.documentElement.scrollTop+100+"px";
}
function closeSkinDiv(o){//隐藏层
$(o).style.display = "none";
}
function $(o){ //获取对象
return document.getElementById(o);
}
function setBeginPosition(){ //开始按钮位置
//alert(document.documentElement.offsetHeight);
//alert(document.body.scrollTop);
//alert(window.screen.availHeight);
/*
if(document.all)
{
$("begin").style.top = document.documentElement.offsetHeight + document.documentElement.scrollTop -10- $("begin").offsetHeight + "px";
}
else
{
$("begin").style.top = document.documentElement.offsetHeight + document.documentElement.scrollTop - 30 - $("begin").offsetHeight + "px";
}
*/
var rt = 500;
var dt = parseInt($("begin").offsetTop);
var bodyT = document.body.scrollTop;
if(bodyT == 0)
{
bodyT = document.documentElement.scrollTop;
}
if(dt != bodyT + rt)
{
var f = (dt - bodyT - rt > 0) ? 1 : -1;
dt -= f * (Math.ceil((Math.abs(bodyT+rt-dt))/20));
//alert(dt);
$("begin").style.top = dt + "px";
$("begin2").style.top = dt + "px";
}
}
/*---------拖动相关函数-------*/
var oDrag = "";//拖动对象
var buttonL = document.all? 1 : 0 ;
var x ;//鼠标放下坐标x
var y ;//鼠标放下坐标y
var dx;
var dy;
function setDragO(o){//获取拖动对象
oDrag = o;
}
function relaseDragO(){//释放拖动对象
oDrag = "";
}
function showDragO(){//辅助函数 显示拖动对象ID
alert(oDrag.id)
}
function dragPro(){
}
function setNew(e,o){
var e = e ? e : event;
x = e.clientX;
y = e.clientY;
o.style.left = o.offsetLeft;
o.style.top = o.offsetTop;
}
document.onmouseup = relaseDragO;
document.onmousedown = function(e){
var e = e ? e : event;
}
document.onmousemove = function(e){
var e = e ? e : event;
if((e.button == buttonL) && oDrag!="")
{
var nx = e.clientX;
var ny = e.clientY;
var rx = x - nx;
var ry = y - ny;
oDrag.style.left = parseInt(oDrag.style.left) - rx +"px";
oDrag.style.top = parseInt(oDrag.style.top) - ry + "px";
//alert(oDrag.style.left);
x = nx;
y = ny;
}
}
/*--=======搜索引擎========--*/
function setSearch(q,act,snH){
$("query").name = q;
$("forms").action = act;
$("sn").innerHTML = snH;
}
/*--============ cookie 相关函数 ============--*/
function writeCookie(name, value, hours)
{ //写cookie
var expire = "";
if(hours != null)
{
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = "; expires=" + expire.toGMTString();
}
document.cookie = name + "=" + escape(value) + expire;
}
function readCookie(name)
{ //读cookie
var cookieValue = "";
var search = name + "=";
if(document.cookie.length > 0)
{
offset = document.cookie.indexOf(search);
if (offset != -1)
{
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
cookieValue = unescape(document.cookie.substring(offset, end))
}
}
return cookieValue;
}
这个是css代码,你把他保存为pub.css
/*===================================公共样式======================================== */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,Passlogin,table,td,img,div{margin:0;padding:0;border:0;line-height:20px;}
/*body { margin:0; color:#333; font:12px/1.6em 宋体, Arial, Tahoma, Verdana, Sans-Serif !important; font:11px/1.7em Verdana, Arial, Tahoma, Sans-Serif; text-align:center; }
ul,li,dl,ul,ol{list-style:none;}*/
body { margin:0; color:#009; font:12px "宋体",Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; }
/*body{background:url("../images/b01.gif");}*/
h1,h2,h3,h4,h5,h6{ font-size: 12px; font-weight:bold;}
table { border-spacing: 0px; border-collapse: collapse; border-style:none;}
li,td {
font-size:12px;
line-height: 18px;
text-align: left;
}
select {font-size:12px; color:#333333;}
input {font-size:12px; color:#333333;}
img {border:0px;}
select,input{vertical-align:middle; padding:0; margin:0;}
form{padding:0px;margin:0px;}
.cls {clear:both; display:block;}
a:link {color:#009;}
a:visited {color: #009;}
a:hover{color: #F00; }
a:active {color: #F00;}
a.noline{text-decoration:none;}
.hand{cursor:pointer;}
.move{cursor:move;}
.tc{text-align:center;}
/*--公共body--*/
.bodyer{width:780px; margin: 0px auto;}
/*--内容样式 | 内边距样式--*/
.cont{padding:8px 8px 0px}
.contU{padding:8px;}
.contL{padding-left:8px;}
.contT{padding-top:8px;}
.contR{padding-right:8px;}
.contB{padding-bottom:8px;}
/*--外边距样式--*/
.marU{margin:10px;}
.marT{margin-top:10px;}
.marB{margin-bottom:10px;}
.marR{margin-right:10px;}
.marL{margin-left:10px;}
.marTR{margin-top:10px;margin-right:10px;}
/*--其他--*/
.fl{float:left;}
.fr{float:right;}
.fa{overflow:hidden;}
.borU{border:1px solid #CCC;}
.borL{border-left:1px solid #CCC;}
.borR{border-right:1px solid #CCC;}
.borB{border-bottom:1px solid #CCC;}
.borT{border-top:1px solid #CCC;}
.tit{font-size:12px;font-weight:bold;}
.blo{display:block;}
.scrol{overflow-y:auto;}
/*--标准宽度--*/
.w158{width:158px;}
.w160{width:160px;}
.w248{width:248px;}
.w250{width:250px;}
.w258{width:258px;}
.w260{width:260px;}
.w283{width:283px;}
.w285{width:285px;}
.w313{width:313px;}
.w315{width:315px;}
.w438{width:438px;}
.w440{width:440px;}
.w483{width:483px;}
.w485{width:485px;}
.w518{width:518px;}
.w520{width:520px;}
.w608{width:608px;}
.w610{width:610px;}
.w780{width:780px;}
.w778{width:778px;}
.h100{height:100px;}
.h200{height:200px;}
/*--============================私有样式=================================--*/
.span01{border:1px solid #FFC27F;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span011{background:#CC3300;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span02{border:1px solid #8EDCBF;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span022{background:#006666;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span03{border:1px solid #FFCC66;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span033{background:#CC3300;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span04{border:1px solid #D7C0F2;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span044{background:#660099;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span05{padding-top:5px;margin-right:30px;}
.span06{width:100%;}
.span07{margin-top:20px;}
#skinBg{background:#CCC;position:absolute;width:100%;height:100%;filter:alpha(opacity=80);opacity:0.8;}
.floatDiv{width:400px;height:200px;position:absolute;top:174px;left:245px;background:#FFF;}
.header{float:left;width:780px;background:url("../images/head.gif") no-repeat;margin-bottom:10px;height:100px;position:relative;}
.bton{margin-left:5px;height:22px;padding-top:2px;cursor:pointer;padding-left:5px;padding-right:5px;}
.inputs{height:18px;padding-top:2px;padding-left:2px;}
.imgUl,.imgUl li{margin:0px;padding:0px;display:inline;}
.imgUl{margin-left:6px;}
.imgUl li{list-style-type:none;float:left;margin-right:6px;height:100px;width:121px;background:#EEE;text-align:center;}
.imgUl img{height:100px;}
#testDiv{margin-left:110px;margin-top:20px;display:inline;}
#selectSkinDiv{margin-left:50px;display:inline;}
#begin{position:absolute;left:5px;}
#begin2{position:absolute;right:5px;}
.test1{border:1px solid #FFC27F;display:block;float:left;width:150px;}
.test1 .s01{background:url("../images/bg01.gif");margin:1px;height:22px;width:99%;float:left;}
.test1 .s02{background:url("../images/img01.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#CC3300;float:left;}
.test2{border:1px solid #8EDCBF;display:block;float:left;width:150px;}
.test2 .s01{background:url("../images/bg02.gif");margin:1px;height:22px;width:99%;float:left;}
.test2 .s02{background:url("../images/img02.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#006666;float:left;}
.test3{border:1px solid #FFCC66;display:block;float:left;width:150px;}
.test3 .s01{background:url("../images/bg03.gif");margin:1px;height:22px;width:99%;float:left;}
.test3 .s02{background:url("../images/img03.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#CC3300;float:left;}
.test4{border:1px solid #D7C0F2;display:block;float:left;width:150px;}
.test4 .s01{background:url("../images/bg04.gif");margin:1px;height:22px;width:99%;float:left;}
.test4 .s02{background:url("../images/img04.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#660099;float:left;}
.selectImgFrame{width:16px;height:16px;float:left;overflow:hidden;padding:2px;}
.selectImgFrame1{width:15px;height:15px;float:left;overflow:hidden;padding:0px;border-width:3px !important;}
.selectImg{float:left;cursor:pointer;}
这个也是CSS代码,你把他保存为skin1.css
.borU{border:1px solid #FFC27F;}
.borB{border-bottom:1px solid #FFC27F;}
.menu01{background:url("../images/bg01.gif");margin:1px;margin-bottom:0px;height:22px;}
.menu01Bg{background:url("../images/img01.gif") no-repeat 10px 4px;padding-left:30px;padding-top:2px;color:#CC3300;}
.bton{border:1px solid #FFC27F;background:url("../images/bg01.gif");color:#C30;}
.inputs{border:1px solid #FFC27F;}
这个是主页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<link href="pub.css" rel="stylesheet" type="text/css"/>
<link href="skin1.css" rel="stylesheet" type="text/css"/>
<body>
<div id="begin" style="display:block;">
<input type="button" value="开 始" class="bton fl" onclick="showBg();showSkinDiv('beginDiv');"/>
</div>
<div id="begin2" style="display:block;">
<input type="button" value="开 始" class="bton fl" onclick="showBg();showSkinDiv('beginDiv');"/>
</div>
<!--灰色背景-->
<div id="skinBg" style="display:none;"></div>
<!--主菜单-->
<div id="beginDiv" class="borU floatDiv" style="display:none;">
<span class="borB blo ">
<span class="menu01 blo move" id="beginId" onmousedown="setDragO($('beginDiv'));setNew(event,$('beginDiv'))">
<span class="menu01Bg blo">
<h3 class="fl">开始菜单</h3>
<span class="fr marR hand" onclick="closeBg();closeSkinDiv('beginDiv');">
[关闭]
</span>
</span>
</span>
</span>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
这个是js代码,你把下面的JS代码保存为script.js
window.onload = function(){
/*--皮肤cookie--*/
if(readCookie("skin")!="")
{
document.getElementsByTagName("link")[1].href= "css/skin" + readCookie("skin") + ".css" ;
$("testDiv").className = "test" + readCookie("skin");
skinURL = readCookie("skin");
skinPre = readCookie("skin");
}
/*--开始按钮位置--*/
//setBeginPosition();
}
//window.onresize = setBeginPosition;
//window.onscroll = setBeginPosition;
setInterval(function(){setBeginPosition()},1);
var skinPre = 1;//预设皮肤值
var skinURL = 1;//实际皮肤值
function changeSkint(skinId){ //测试层样式修改
skinPre=skinId;
$("testDiv").className = "test"+skinId;
}
function changeSkin(){ //实际样式修改
skinURL = skinPre;
document.getElementsByTagName("link")[1].href= "css/skin" + skinURL + ".css" ;
writeCookie("skin",skinURL,72);
}
function showBg(){ //灰色背景显示
$("skinBg").style.display="block";
if(document.all)
{
$("skinBg").style.height=document.body.scrollHeight + "px";
}
else
{
$("skinBg").style.height=document.documentElement.scrollHeight + "px";
}
$("skinBg").style.top=0+"px";
$("skinBg").style.left=0+"px";
}
function closeBg(){ //灰色背景关闭
$("skinBg").style.display="none";
}
function showSkinDiv(o){//显示层
$(o).style.display = "block";
$(o).style.left = document.documentElement.offsetWidth/2 - $(o).offsetWidth/2 + "px";
$(o).style.top = document.documentElement.scrollTop+100+"px";
}
function closeSkinDiv(o){//隐藏层
$(o).style.display = "none";
}
function $(o){ //获取对象
return document.getElementById(o);
}
function setBeginPosition(){ //开始按钮位置
//alert(document.documentElement.offsetHeight);
//alert(document.body.scrollTop);
//alert(window.screen.availHeight);
/*
if(document.all)
{
$("begin").style.top = document.documentElement.offsetHeight + document.documentElement.scrollTop -10- $("begin").offsetHeight + "px";
}
else
{
$("begin").style.top = document.documentElement.offsetHeight + document.documentElement.scrollTop - 30 - $("begin").offsetHeight + "px";
}
*/
var rt = 500;
var dt = parseInt($("begin").offsetTop);
var bodyT = document.body.scrollTop;
if(bodyT == 0)
{
bodyT = document.documentElement.scrollTop;
}
if(dt != bodyT + rt)
{
var f = (dt - bodyT - rt > 0) ? 1 : -1;
dt -= f * (Math.ceil((Math.abs(bodyT+rt-dt))/20));
//alert(dt);
$("begin").style.top = dt + "px";
$("begin2").style.top = dt + "px";
}
}
/*---------拖动相关函数-------*/
var oDrag = "";//拖动对象
var buttonL = document.all? 1 : 0 ;
var x ;//鼠标放下坐标x
var y ;//鼠标放下坐标y
var dx;
var dy;
function setDragO(o){//获取拖动对象
oDrag = o;
}
function relaseDragO(){//释放拖动对象
oDrag = "";
}
function showDragO(){//辅助函数 显示拖动对象ID
alert(oDrag.id)
}
function dragPro(){
}
function setNew(e,o){
var e = e ? e : event;
x = e.clientX;
y = e.clientY;
o.style.left = o.offsetLeft;
o.style.top = o.offsetTop;
}
document.onmouseup = relaseDragO;
document.onmousedown = function(e){
var e = e ? e : event;
}
document.onmousemove = function(e){
var e = e ? e : event;
if((e.button == buttonL) && oDrag!="")
{
var nx = e.clientX;
var ny = e.clientY;
var rx = x - nx;
var ry = y - ny;
oDrag.style.left = parseInt(oDrag.style.left) - rx +"px";
oDrag.style.top = parseInt(oDrag.style.top) - ry + "px";
//alert(oDrag.style.left);
x = nx;
y = ny;
}
}
/*--=======搜索引擎========--*/
function setSearch(q,act,snH){
$("query").name = q;
$("forms").action = act;
$("sn").innerHTML = snH;
}
/*--============ cookie 相关函数 ============--*/
function writeCookie(name, value, hours)
{ //写cookie
var expire = "";
if(hours != null)
{
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = "; expires=" + expire.toGMTString();
}
document.cookie = name + "=" + escape(value) + expire;
}
function readCookie(name)
{ //读cookie
var cookieValue = "";
var search = name + "=";
if(document.cookie.length > 0)
{
offset = document.cookie.indexOf(search);
if (offset != -1)
{
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
cookieValue = unescape(document.cookie.substring(offset, end))
}
}
return cookieValue;
}
这个是css代码,你把他保存为pub.css
/*===================================公共样式======================================== */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,Passlogin,table,td,img,div{margin:0;padding:0;border:0;line-height:20px;}
/*body { margin:0; color:#333; font:12px/1.6em 宋体, Arial, Tahoma, Verdana, Sans-Serif !important; font:11px/1.7em Verdana, Arial, Tahoma, Sans-Serif; text-align:center; }
ul,li,dl,ul,ol{list-style:none;}*/
body { margin:0; color:#009; font:12px "宋体",Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; }
/*body{background:url("../images/b01.gif");}*/
h1,h2,h3,h4,h5,h6{ font-size: 12px; font-weight:bold;}
table { border-spacing: 0px; border-collapse: collapse; border-style:none;}
li,td {
font-size:12px;
line-height: 18px;
text-align: left;
}
select {font-size:12px; color:#333333;}
input {font-size:12px; color:#333333;}
img {border:0px;}
select,input{vertical-align:middle; padding:0; margin:0;}
form{padding:0px;margin:0px;}
.cls {clear:both; display:block;}
a:link {color:#009;}
a:visited {color: #009;}
a:hover{color: #F00; }
a:active {color: #F00;}
a.noline{text-decoration:none;}
.hand{cursor:pointer;}
.move{cursor:move;}
.tc{text-align:center;}
/*--公共body--*/
.bodyer{width:780px; margin: 0px auto;}
/*--内容样式 | 内边距样式--*/
.cont{padding:8px 8px 0px}
.contU{padding:8px;}
.contL{padding-left:8px;}
.contT{padding-top:8px;}
.contR{padding-right:8px;}
.contB{padding-bottom:8px;}
/*--外边距样式--*/
.marU{margin:10px;}
.marT{margin-top:10px;}
.marB{margin-bottom:10px;}
.marR{margin-right:10px;}
.marL{margin-left:10px;}
.marTR{margin-top:10px;margin-right:10px;}
/*--其他--*/
.fl{float:left;}
.fr{float:right;}
.fa{overflow:hidden;}
.borU{border:1px solid #CCC;}
.borL{border-left:1px solid #CCC;}
.borR{border-right:1px solid #CCC;}
.borB{border-bottom:1px solid #CCC;}
.borT{border-top:1px solid #CCC;}
.tit{font-size:12px;font-weight:bold;}
.blo{display:block;}
.scrol{overflow-y:auto;}
/*--标准宽度--*/
.w158{width:158px;}
.w160{width:160px;}
.w248{width:248px;}
.w250{width:250px;}
.w258{width:258px;}
.w260{width:260px;}
.w283{width:283px;}
.w285{width:285px;}
.w313{width:313px;}
.w315{width:315px;}
.w438{width:438px;}
.w440{width:440px;}
.w483{width:483px;}
.w485{width:485px;}
.w518{width:518px;}
.w520{width:520px;}
.w608{width:608px;}
.w610{width:610px;}
.w780{width:780px;}
.w778{width:778px;}
.h100{height:100px;}
.h200{height:200px;}
/*--============================私有样式=================================--*/
.span01{border:1px solid #FFC27F;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span011{background:#CC3300;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span02{border:1px solid #8EDCBF;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span022{background:#006666;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span03{border:1px solid #FFCC66;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span033{background:#CC3300;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span04{border:1px solid #D7C0F2;margin-left:4px;cursor:pointer;height:9px;width:9px;overflow:hidden;display:inline;float:left;}
.span044{background:#660099;cursor:pointer;height:5px;width:5px;overflow:hidden;margin:2px;display:inline;float:left;}
.span05{padding-top:5px;margin-right:30px;}
.span06{width:100%;}
.span07{margin-top:20px;}
#skinBg{background:#CCC;position:absolute;width:100%;height:100%;filter:alpha(opacity=80);opacity:0.8;}
.floatDiv{width:400px;height:200px;position:absolute;top:174px;left:245px;background:#FFF;}
.header{float:left;width:780px;background:url("../images/head.gif") no-repeat;margin-bottom:10px;height:100px;position:relative;}
.bton{margin-left:5px;height:22px;padding-top:2px;cursor:pointer;padding-left:5px;padding-right:5px;}
.inputs{height:18px;padding-top:2px;padding-left:2px;}
.imgUl,.imgUl li{margin:0px;padding:0px;display:inline;}
.imgUl{margin-left:6px;}
.imgUl li{list-style-type:none;float:left;margin-right:6px;height:100px;width:121px;background:#EEE;text-align:center;}
.imgUl img{height:100px;}
#testDiv{margin-left:110px;margin-top:20px;display:inline;}
#selectSkinDiv{margin-left:50px;display:inline;}
#begin{position:absolute;left:5px;}
#begin2{position:absolute;right:5px;}
.test1{border:1px solid #FFC27F;display:block;float:left;width:150px;}
.test1 .s01{background:url("../images/bg01.gif");margin:1px;height:22px;width:99%;float:left;}
.test1 .s02{background:url("../images/img01.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#CC3300;float:left;}
.test2{border:1px solid #8EDCBF;display:block;float:left;width:150px;}
.test2 .s01{background:url("../images/bg02.gif");margin:1px;height:22px;width:99%;float:left;}
.test2 .s02{background:url("../images/img02.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#006666;float:left;}
.test3{border:1px solid #FFCC66;display:block;float:left;width:150px;}
.test3 .s01{background:url("../images/bg03.gif");margin:1px;height:22px;width:99%;float:left;}
.test3 .s02{background:url("../images/img03.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#CC3300;float:left;}
.test4{border:1px solid #D7C0F2;display:block;float:left;width:150px;}
.test4 .s01{background:url("../images/bg04.gif");margin:1px;height:22px;width:99%;float:left;}
.test4 .s02{background:url("../images/img04.gif") no-repeat 10px 4px;padding-left:30px;padding-top:4px;color:#660099;float:left;}
.selectImgFrame{width:16px;height:16px;float:left;overflow:hidden;padding:2px;}
.selectImgFrame1{width:15px;height:15px;float:left;overflow:hidden;padding:0px;border-width:3px !important;}
.selectImg{float:left;cursor:pointer;}
这个也是CSS代码,你把他保存为skin1.css
.borU{border:1px solid #FFC27F;}
.borB{border-bottom:1px solid #FFC27F;}
.menu01{background:url("../images/bg01.gif");margin:1px;margin-bottom:0px;height:22px;}
.menu01Bg{background:url("../images/img01.gif") no-repeat 10px 4px;padding-left:30px;padding-top:2px;color:#CC3300;}
.bton{border:1px solid #FFC27F;background:url("../images/bg01.gif");color:#C30;}
.inputs{border:1px solid #FFC27F;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
<script>
function selectlanmu(n){
var lanmustring = showModalDialog("szlanmu.asp", "", "dialogLeft:"+(event.screenX-80)+";dialogTop:"+(event.screenY-80)+";dialogWidth:350px; dialogHeight:480px; edge:raised;help:off;status:off;scroll:on");
if(lanmustring!=""){
document.getElementById(n).value= lanmustring;
}
else{
document.getElementById(n).value= "未选择栏目"
}
}
</script>
设置转发栏目：<input type=text name="Lanmu" size=45 class=fstyle value="" onClick="selectlanmu('Lanmu')">
以上在一个asp文件中
------------------szlanmu.asp-------------------------------------
<!--#include file="connection.asp" -->
<!--#include file="tools.asp" -->
<%
s = Request.ServerVariables("SCRIPT_NAME")
if ISEMPTY(Session(s)) or Session(s) = "" or Session(s) = 0 then
Session(s) = 2
else
Session(s) = Session(s) - 1
end if
if Session(s) > 0 then
Response.AddHeader "Refresh","1"
end if
%>
<%
search = ""
table="sgpxlanmu"
sql="select * from " & table & search & " order by cengci DESC"
set rs=Server.CreateObject("ADODB.recordset")
rs.CursorType = 3
rs.Open sql,conn
result_num = rs.RecordCount '记录总数
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="style.css">
<title>选择栏目</title>
<SCRIPT language=javascript>
function setvalue(n)
{
window.returnValue=n
window.close();
}
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
<!--#include file="top.inc"-->
<% if result_num<=0 then %>
<center><BR><BR><% =word %></center>
<% else %>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr align=center height=16 bgcolor=#97D0FB>
<td><b>栏目层次结构</b></td>
</tr>
<%
for i=1 to result_num
if instr(rs("lanmuguanli"),session("AdminName"))<>0 then
lanmu=rs("wangzhan") & "|" & rs("lanmu")
%>
<tr height=16 bgcolor=#EEF8FD onMouseOver='TrBgOnP(this);' onMouseOut='TrBgOffP(this);' onclick='setvalue("<%=lanmu%>")'>
<td align=left><% =HtmlOut(rs("cengci")) %></td>
</tr>
<%
end if
rs.movenext:if rs.EOF then Exit For
next
%>
</table>
<% end if %>
<!--#include file="bottom.inc"-->
</body>
</html>
<script>
function selectlanmu(n){
var lanmustring = showModalDialog("szlanmu.asp", "", "dialogLeft:"+(event.screenX-80)+";dialogTop:"+(event.screenY-80)+";dialogWidth:350px; dialogHeight:480px; edge:raised;help:off;status:off;scroll:on");
if(lanmustring!=""){
document.getElementById(n).value= lanmustring;
}
else{
document.getElementById(n).value= "未选择栏目"
}
}
</script>
设置转发栏目：<input type=text name="Lanmu" size=45 class=fstyle value="" onClick="selectlanmu('Lanmu')">
以上在一个asp文件中
------------------szlanmu.asp-------------------------------------
<!--#include file="connection.asp" -->
<!--#include file="tools.asp" -->
<%
s = Request.ServerVariables("SCRIPT_NAME")
if ISEMPTY(Session(s)) or Session(s) = "" or Session(s) = 0 then
Session(s) = 2
else
Session(s) = Session(s) - 1
end if
if Session(s) > 0 then
Response.AddHeader "Refresh","1"
end if
%>
<%
search = ""
table="sgpxlanmu"
sql="select * from " & table & search & " order by cengci DESC"
set rs=Server.CreateObject("ADODB.recordset")
rs.CursorType = 3
rs.Open sql,conn
result_num = rs.RecordCount '记录总数
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="style.css">
<title>选择栏目</title>
<SCRIPT language=javascript>
function setvalue(n)
{
window.returnValue=n
window.close();
}
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
<!--#include file="top.inc"-->
<% if result_num<=0 then %>
<center><BR><BR><% =word %></center>
<% else %>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr align=center height=16 bgcolor=#97D0FB>
<td><b>栏目层次结构</b></td>
</tr>
<%
for i=1 to result_num
if instr(rs("lanmuguanli"),session("AdminName"))<>0 then
lanmu=rs("wangzhan") & "|" & rs("lanmu")
%>
<tr height=16 bgcolor=#EEF8FD onMouseOver='TrBgOnP(this);' onMouseOut='TrBgOffP(this);' onclick='setvalue("<%=lanmu%>")'>
<td align=left><% =HtmlOut(rs("cengci")) %></td>
</tr>
<%
end if
rs.movenext:if rs.EOF then Exit For
next
%>
</table>
<% end if %>
<!--#include file="bottom.inc"-->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
