asp源码鼠标焦点弹窗样式(css鼠标焦点代码)
本文目录一览:
- 1、asp如何改变button触发样式,鼠标经过、click、移开的样式
- 2、asp代码怎么设置鼠标默认焦点
- 3、asp鼠标拖动效果(div)
- 4、ASP动态实现鼠标指向链接后弹出二级菜单,一二级菜单都是从数据库中读取的,请高手指点改怎么写。
- 5、asp当鼠标放在文本框上面,文本框旁边显示提示的代码?
asp如何改变button触发样式,鼠标经过、click、移开的样式
asp是无法做到的,CSS可以。DW里就有CSS的相关设置,可直接生成CSS代码,你可以自己研究一下。
补充:
你真的会CSS吗?
给你个刚刚给你做的一样例子。希望你对CSS有"更多了解"。
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title无标题文档/title
style type="text/css"
!--
style
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn3_mouseout {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mouseover {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #FFE400 1px solid
}
.btn3_mouseup {
BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:
#2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
}
.test{
width:200px;
}
/style
--
/style
/head
body
input name="ass" type="button" class="116b-30bc-fa6a-55ef btn3_mouseout test" onmouseover="this.className='btn3_mouseover test'" onmouseout="this.className='btn3_mouseout test'" onmousedown="this.className='btn3_mousedown test'"value="确认"
/body
/html
asp代码怎么设置鼠标默认焦点
a href="#" style="cursor:default"aaa/a
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
asp鼠标拖动效果(div)
!--#include file="conn.asp"--
%
OpenDB()
Dim sql,Rs,arrRs
Dim arrRsNumS,arrRsNumI
sql = "Select top 2000 cid,cdate,cauthor,ccontent,cbcolor,cfcolor from ccc_love order by cID DESC"
Set Rs = Conn.Execute(sql)
arrRs = Rs.GetRows
Rs.Close
Set Rs = Nothing
CloseDB()
arrRsNumS = UBound(arrRs,2)
%
html
head
title 爱墙/title
meta http-equiv="Pragma" content="no-cache" /
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
link rel="stylesheet" href="style0930.css" type="text/css" /
style type="text/css"
!--
body {
margin-left: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
}
table {word-break:break-all;}
.tdb {
background-image: url(images/love_04.jpg);
background-repeat: no-repeat;
background-position: right top;
}
td {
font-size: 12px;
color: #000000;
line-height: 18px;
}
.white {
color: #FFFFFF;
text-decoration: none;
}
//--
/style
script language="JavaScript1.2"
//-- 控制层删除start of script --
function ssdel(){
if (event)
{
lObj = event.srcElement ;
while (lObj lObj.tagName != "DIV") lObj = lObj.parentElement ;
}
var id=lObj.id
document.getElementById(id).removeNode(true);
//document.getElementById(id).outerHTML="";//这样也可以;
}
//-- 控制层删除End of script --
/script
script
//-- 控制层移动start of script --
var Obj=''
var index=10000;//z-index;
document.onmouseup=MUp
document.onmousemove=MMove
function MDown(Object){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}
function MMove(){
if(Obj!=''){
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}
function MUp(){
if(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';
}
}
//-- 控制层移动end of script --
//获得焦点;
function getFocus(obj)
{
if(obj.style.zIndex!=index)
{
index = index + 2;
var idx = index;
obj.style.zIndex=idx;
//obj.nextSibling.style.zIndex=idx-1;
}
}
//查找祝福纸条
function Srch(obj)
{//alert(obj);
if(obj.style.zIndex!=index)
{
index = index + 1000;
var idx = index;
obj.style.zIndex = idx;
obj.style.width = 400;
obj.style.height = 300;
obj.style.left = 200;
obj.style.top = 200;
}
}
function ChkSrch()
{
if (SrchFrm.srchId.value == "")
{alert("\n\n\n你总得告诉我查找哪一个吧!!\n\n\n");
SrchFrm.srchId.focus();
return false; }
return true;
}
function checkNum(obj){
var checkOK = "0123456789 ";
var checkStr = obj.value;
var allValid = true;
for (i = 0; i checkStr.length; i++){
ch = checkStr.charAt(i);
for (j = 0; j checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length){
allValid = false;
break;
}
}
if (!allValid){
alert("只能由数字组成!");
obj.select();
return (false);
}
return (true);
}
/script
/head
body
table width="900" border=0trtd width="44%" a href="input.htm"开始在爱墙永久发布你的祝福纸条/a/td
td width="18%"/td
td width="38%" table algin="right" width="300" border="0" cellspacing="4" cellpadding="0"
FORM name="SrchFrm" action="find.asp" onSubmit="return ChkSrch();"
tr
td align="left" valign="bottom"div align="right"
label
INPUT size=5 value="9999" name="srchId" type="text" onKeyUp="checkNum(this);"
号
INPUT type="submit" value="查找纸条号码" style="background-color:#F33B78; border:1px outset #F33B78;color:#FFFFFF;font-weight:bold; "
/label
/div/td
/tr
/FORM
/table/td
/tr/table
br
%
For arrRsNumI = 0 To arrRsNumS
Randomize
LeftPx = Int((700-10+1)*Rnd+10)
TopPx = Int((600-100+1)*Rnd+120)
Response.write "div id='cc"arrRs(0,arrRsNumI)"' class='8048-2ce8-27af-f349 Cccc' style='position:absolute;left:"LeftPx"px;top:"TopPx"px;background-color:"arrRs(4,arrRsNumI)";FILTER: alpha(opacity=80);z-index:"arrRs(0,arrRsNumI)";' onmousedown='getFocus(this)'"
Response.write "table border=0td style='cursor:move;' width='95%' onmousedown=MDown(cc"arrRs(0,arrRsNumI)")""第["arrRs(0,arrRsNumI)"]条 "FormatDateTime(arrRs(1,arrRsNumI),2)" "FormatDateTime(arrRs(1,arrRsNumI),4)"/tdtd style='cursor:hand;' onclick='ssdel()' width='5%'×/td/trtrtd style='height:150px;padding:5px;' colspan='2'"
Response.write arrRs(3,arrRsNumI)
Response.write "div style='padding:5px;float:right;'"arrRs(2,arrRsNumI)"/div/td/tr/table"
Response.write "/div"
Next
%
/body/html
ASP动态实现鼠标指向链接后弹出二级菜单,一二级菜单都是从数据库中读取的,请高手指点改怎么写。
如果只有二级菜单,数据量又不大的话,不建议用异步交互读取数据。
直接输出全部菜单,用javascript控制菜单特效就可以了.
关于导航的特效,懒人图库里有很多,可以去搜来用
asp当鼠标放在文本框上面,文本框旁边显示提示的代码?
input name=telno type=text value="" onfocus="telnot.innerText='以13,15,18开头,由11位数字组成';" onblur="telnot.innerText='';" /span id=telnot/span