首页 > 编程知识 正文

网站鼠标特效js代码(网站鼠标点击特效)

时间:2023-12-02 21:07:31 阅读:311501 作者:EBRE

本文目录一览:

  • 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吧 我这个只是理论的写写 没实现过 你试试看吧

满意请采纳

求 js 特效,鼠标滑过,显示浮层

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

然后在javascript中设置

function change(){

document.getelementbyid("test").style.display="block";

}

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

在html中怎么用js实现鼠标指向图片时图片放大的效果?(具体实现)

分别写一个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 事件参考手册

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。