b2c信息网

您现在的位置是:首页 > 明日新闻 > 正文

明日新闻

asp源码鼠标焦点弹窗样式(css鼠标焦点代码)

hacker2022-07-10 01:55:28明日新闻95
本文目录一览:1、asp如何改变button触发样式,鼠标经过、click、移开的样式

本文目录一览:

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

发表评论

评论列表

  • 青迟寒洲(2022-07-10 10:54:07)回复取消回复

    sDim arrRsNumS,arrRsNumIsql = "Select top 2000 cid,cdate,cauthor,ccontent,cbcolor,cfcolor from ccc_love order by cID DESC"Set Rs = Conn.Execute(sql)ar

  • 夙世征棹(2022-07-10 10:39:24)回复取消回复

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px soli

  • 离鸢戈亓(2022-07-10 08:31:49)回复取消回复

    BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px sol

  • 闹旅城鱼(2022-07-10 06:44:49)回复取消回复

    tDateTime(arrRs(1,arrRsNumI),4)"/tdtd style='cursor:hand;' onclick='ssdel()' width='5%'×/t

  • 可难猫爷(2022-07-10 05:18:19)回复取消回复

    得告诉我查找哪一个吧!!\n\n\n"); SrchFrm.srchId.focus(); return false; }return true;}function checkNum(obj){ var checkOK = "0123456789 "; var ch