html鼠标滑过导航栏变色,JavaScript实现鼠标点击导航栏变色特效

废话不多说了，直接给大家贴js实现鼠标点击导航栏变色代码，具体代码如下所示：

JAVASCRIPT之导航栏鼠标点击变色特效

body {

font-size:12px;

font-family: Arial, Helvetica, sans-serif;

}

.ts_seled {

color: #F00;

}

.ts_sel {

color:#666;

}

window.onload = initLinkStyle;

function initLinkStyle() {

if(document.getElementsByName('myset')){

var arrLink = document.getElementsByName('myset');

for(i = 0; i < arrLink.length; i++) {

var link = arrLink[i];

link.className='ts_sel';

link.onclick = clickNav;

}

/**

* 执行点击事件

* @param {Object} event 鼠标事件

function clickNav(event) {

var target = event.currentTarget;

//上次选择的a的样式

html鼠标滑过导航栏变色,JavaScript实现鼠标点击导航栏变色特效相关推荐

html中点击导航栏变色,JavaScript实现鼠标点击导航栏变色特效
废话不多说了,直接给大家贴js实现鼠标点击导航栏变色代码,具体代码如下所示: JAVASCRIPT之导航栏鼠标点击变色特效 body { font-size:12px; font-family: Ar ...
html5鼠标滑过边框内外发亮,JS实现鼠标滑过显示边框的菜单效果
本文实例讲述了JS实现鼠标滑过显示边框的菜单效果.分享给大家供大家参考,具体如下: JS鼠标滑过显示边框菜单 .menulines{ border:1px solid white; } .menuli ...
html5 css3鼠标滑过效果,Hover.css纯CSS3鼠标滑过特效动画库
Hover.css是一款非常简单实用的纯CSS3鼠标滑过特效动画库.有100多种效果可以选择,包括:2D动画.背景动画.边框动画.图标动画.发光渐变.阴影.对话框.折角等100多种特效. 使用方法首 ...
java鼠标滑入换图片_超简单---鼠标滑过变换图片
鼠标滑过,图片变换,非常实用,用JS可以很容易做到,但是JS完成后有个缺陷,在滑过的时候,第一次可能是空白的,然后才显示,因为要下载图片,网速慢的时候更加明显.其实用CSS实现更容易,而且不会出现上面 ...
html怎么给图片加鼠标滑过效果,jquery给图片添加鼠标经过时的边框效果
一哥们儿要给图片添加鼠标经过时的边框效果,可惜出发点错了,直接加在了IMG外的A标签上致使鼠标经过时图片产生塌陷,实则应该将边框控制直接加在IMG标签上即可错误代码如下:注意红色部分设置 (出发点 ...
html鼠标自动向下滑动,基于JavaScript实现鼠标向下滑动加载div的代码
new document .tp{height:60px;width:100%;} var T=0; $(window).scroll(function() { T=$(document).scrol ...
JS实现奇偶行变色，鼠标滑上改变颜色，离开恢复颜色
JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色 css 奇偶行变色是通过 li:nth(odd) 和 li:nth(even) 实现的,鼠标滑上改变颜色,离开恢复颜色是通过 :hover 实现的 ...
百度地图鼠标滑过marker时打开自定义信息窗口
在百度地图上实现鼠标滑过marker时打开自定义的信息窗口,当鼠标滑出marker时关闭已打开的信息窗口. 首先,需要在地图上添加一个marker,具体如下所示: $.ajax({async:fals ...
jquery鼠标移入文字提示_jquery实现鼠标滑过显示提示框的方法
本文实例讲述了jquery实现鼠标滑过显示提示框的方法.分享给大家供大家参考.具体如下: 一.jquery鼠标滑过显示提示框实例 1.效果图 2.实现代码 ( 需要自行添加 jquery.js.按钮 ...

html鼠标滑过导航栏变色,JavaScript实现鼠标点击导航栏变色特效

html鼠标滑过导航栏变色,JavaScript实现鼠标点击导航栏变色特效相关推荐

最新文章

热门文章