javascript实现类似超链接的效果

更新时间：2014年12月26日 09:13:48 投稿：hebedich

这篇文章主要介绍了使用javascript实现类似超链接的效果的特效，通过示例熟悉javascript事件，这里推荐给大家。

实现类似超链接的效果,this代表本页面元素

<html> 

<head> 

<script type="text/javascript"> 

function mOver(obj){ 

    obj.color="red"; 

} 

function mOut(obj){ 

    obj.color="blue"; 

}

</script> 

</head>

<body>

<font style="cursor:hand" 

onclick="window.location.href='http://www.baidu.com/'" 

onmouseover="mOver(this)" 

onmouseout="mOut(this)" >欢迎进入</font>

</body> 

</html>

小伙伴们是否对javascript的事件有所认识了呢，有疑问就给我留言吧

您可能感兴趣的文章:

javaScript实现复选框全选反选事件详解
这篇文章主要为大家详细介绍了javaScript实现复选框全选反选事件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-09-09
微信小程序开发之左右分栏效果的实例代码
本文以一个简单的小例子，简述在微信小程序开发中左右分栏功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，感兴趣的朋友跟随小编一起看看吧
2019-05-05
JS 实现缓存算法的示例（FIFO/LRU）
这篇文章主要介绍了JS 实现缓存算法的示例（FIFO/LRU）,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
JavaScript 异步调用框架 (Part 4 - 链式调用)
我们已经实现了一个简单的异步调用框架，然而还有一些美中不足，那就是顺序执行的异步函数需要用嵌套的方式来声明。
2009-08-08
uniapp实现app热更新的方法
本文主要介绍了uniapp实现app热更新的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-01-01
JS实现移动端双指缩放和旋转方法
这篇文章主要介绍了JS实现移动端双指缩放和旋转方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-12-12
简单js代码实现selece二级联动(推荐)
这篇文章主要介绍了简单js代码实现selece二级联动的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
JS实现的在线调色板实例(附demo源码下载)
这篇文章主要介绍了JS实现的在线调色板,可实现响应鼠标点击动态改变调色板颜色的功能,涉及JavaScript针对页面元素属性的动态操作与计算技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
2016-03-03
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
前端框架 Bootstrap 的模态对话框，可以使用 remote 选项指定一个 URL，这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中，但是它只会加载一次，不过通过在事件中调用 removeData() 方法可以解决这个问题，具体操作方法，大家通过本文了解下吧
2017-07-07
JS如何生成一个不重复的ID的函数
这篇文章主要介绍了JS如何生成一个不重复的ID的函数，非常不错，具有参考借鉴价值，需要的朋友参考下
2016-12-12