📄 ye17.htm

📁 javascript各种效果的实例及源代码

💻 HTM

字号:

<html>

<head>

<title>鼠标响应文字变色</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }



-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>



<body bgcolor="#fef4d9">

<br>

<br>

<center><font color=red face="隶书" size=6>鼠标响应文字变色</font></center>

<br>

<center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center width=260><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>鼠标放到文字上即可见到效果!</strong></font></td></tr>

<tr><td width=260 height=100 align=center><font face="arial" size=3 onMouseOver="this.style.backgroundColor = 'red';" 

onMouseOut="this.style.backgroundColor = 'yellow';">欢迎光临南京有线宽带网网站</font></td></tr>

</table></center>

<br>

<br>

<center>

<textarea name=source rows=12 cols=45 class=yk9>

脚本说明:

把如下代码加入<body>区域中

<font face="arial" size=3 onMouseOver="this.style.backgroundColor = 'red';" 

onMouseOut="this.style.backgroundColor = 'yellow';">欢迎光临南京有线宽带网网站</font>

</textarea>

<SCRIPT LANGUAGE="JavaScript">



<!-- hide



function goHist(a) 



{



   history.go(a);



}



//-->



</script>



<FORM METHOD="post">

<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)">

</form>

</center>

<br>

<br>

</body>

</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -