来自 关于计算机 2019-09-04 19:47 的文章
当前位置: 六合联盟网 > 关于计算机 > 正文

js完成鼠标划过给div加折射率的法子,js完结按键

本文实例陈说了js达成按钮颜色渐变动画效率的章程。分享给大家供大家仿照效法。具体如下:

正文实例汇报了js达成鼠标划过给div加折射率的法子。分享给大家供大家参考。具体贯彻格局如下:

此地演示js完毕按钮慢慢变色的措施,鼠标移到开关上,开关的背景观就爆发变化,是日益的变型,点击开关会张开内定链接,这里最主纵然身先士卒按键变色的代码达成格局。

<script language="javascript">
<!-- Begin
if ((navigator.appName.indexOf('Microsoft')+1)) {
document.write('<style type="text/css"> #div2 a img{ filter:alpha(opacity=100)} #div2 a:hover img{ filter:alpha(opacity=70)} </style>');}
if ((navigator.appName.indexOf('Netscape')+1)) {
document.write('<style type="text/css"> #div2 a img{opacity: 1;} #div2 a:hover img{opacity: 0.7;}</style>'); }
else {
document.write(''); }
// End -->
</script>

运作效果截图如下:

仰望本文所述对大家的javascript程序设计具备帮助。

图片 1

你可能感兴趣的小说:

  • js达成反射率渐变效果的格局
  • 原生Js完成要素渐隐/渐现(原理为修改成分的css光滑度)
  • js达成感应鼠标图片发光度变化的秘诀
  • js改动发光度达成轮播图的算法
  • 依赖JS完毕仿京东搜索栏随滑动折射率渐变效果
  • JS+CSS达成鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
  • js实现开关颜色渐变动画作用
  • JS完结响应鼠标点击动画渐变弹出层效果代码
  • JS实现点击登入弹出窗口同期背景观渐变动画成效
  • JS实现的折射率渐变动画作用示例

在线演示地址如下:

现实代码如下:

<HTML><HEAD><TITLE>按钮慢慢变色</TITLE>
<STYLE type=text/css>
BODY {
 MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
 FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
 FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
 FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
.STYLE1 {
 color: #000099;
 font-weight: bold;
 font-family: "华文新魏";
 font-size: 30px;
}
.STYLE2 {
 color: #FF3399;
 font-size: 40px;
 font-family: "华文行楷";
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9>
<CENTER>
 按钮慢慢变色
</CENTER><BR>
<CENTER>
<TABLE borderColor=#66FF00 border=5 borderlight="green">
 <TBODY>
 <TR>
 <TD align=middle>效果显示</TD>
 </TR>
 <TR>
 <TD align=middle>
  <SCRIPT language=JavaScript>
hexColor = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
function mOver() {
for (i = 0; i < 13; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[12-i]+'0'+hexColor[12-i]+'0c0";', i * 40);
 }
}
function mOut() {
document.myForm.button.value = "进入脚本之家";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40);
 }
}
// End -->
</SCRIPT>
  <FORM name=myForm>
  <input onMouseDown='document.myForm.button.value=" 谢谢"' onMouseOver=mOver() onClick='window.location="//www.jb51.net/"' onMouseOut=mOut() type=button value=鼠标放在上面 name=button >
  </FORM></TD></TR></TBODY></TABLE>
</CENTER>
</BODY>
</HTML>

期望本文所述对大家的javascript程序设计有所帮助。

您恐怕感兴趣的篇章:

  • js完成反射率渐变效果的点子
  • 原生Js完毕要素渐隐/渐现(原理为修改成分的css发光度)
  • js达成感应鼠标图片发光度变化的不二等秘书籍
  • js改变反射率完结轮播图的算法
  • js完毕鼠标划过给div加发光度的办法
  • 遵照JS达成仿京东寻觅栏随滑动折射率渐变效果
  • JS+CSS完毕鼠标经过弹出多个DIV框完整实例(带缓冲动画渐变效果)
  • JS达成响应鼠标点击动画渐变弹出层效果代码
  • JS完成点击登录弹出窗口同时背景象渐变动画作用
  • JS完成的反射率渐变动画功用示例

本文由六合联盟网发布于关于计算机,转载请注明出处:js完成鼠标划过给div加折射率的法子,js完结按键

关键词: