网站鼠标特效js代码（网站鼠标点击特效）

• 1、请教网页设计高手鼠标特效代码代码求大神帮助
• 2、求 js 特效，鼠标滑过，显示浮层
• 3、在html中怎么用js实现鼠标指向图片时图片放大的效果？（具体实现）

鼠标移上去就打开页面: 第一步:把如下代码加入body区域中 SCRIPT Language=”JavaScript”function winopen () {msg=open(“update.htm”,”NewWindow”,”toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=400,height=260″);}/SCRIPT 第二步:把如下代码加入body区域中 a href=”链接地址” onMouseOver=”winopen(); return true;”IMG SRC=”shu.gif” border=”0″/a 自动跳转的话这个度试看 a href=” 链接地址” onMouseOver=”指定页面”IMG SRC=”shu.gif” border=”0″/a 不行的话加我Q吧 我这个只是理论的写写 没实现过 你试试看吧

满意请采纳

这个啊，我自己的习惯是把那个浮层放在下层的同一个DIV或者TR内，初始给这个复层一个设置:XXXX id=”test” style=”display:none;” onfocus=”javascrip:change()”/

然后在javascript中设置

function change(){

document.getelementbyid(“test”).style.display=”block”;

}

一开就恢复就在写一个onblur的JS就好了，这么写吧，平常老用快捷键，具体字母忘了T_T

分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

具体代码实现如下：

img id=”img” onmouseover=”bigger()” onmouseout=”smaller()” src=”你的图片路径” style=”width:100px;height:100px;” /

script type=”text/javascript”

var img = document.getElementById(‘img’);

function bigger(){

 img.style.width = ‘400px’;

 img.style.height = ‘400px’;

}

function smaller(){

 img.style.width = ‘100px’;

 img.style.height = ‘100px’;

}

/script

扩展资料：

HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作。

参考资料：

JavaScript官方API接口-GlobalEventHandlers.onmouseover

JavaScript官方API接口-GlobalEventHandlers.onmouseout

W3cSchool-JavaScript 事件参考手册