原生JS修改标签样式为带阴影效果
代码如下:
JS部分
//点击时候,改变样式 function GetCategoryInfo(value) { var getInfo = value.toString().split(','); var infoHtml = "<b>档案类别:</b><br /><span>" + getInfo[0] + "</span><br /><b>著入方式:</b><br /><span>" + getInfo[2] + "</span><br /><b>子分类:</b><br /><span>" + getInfo[1] + "</span><br /><b>描述信息:</b><br /><span>" + getInfo[3] + "</span><br />"; $("#categoryInfo").html(infoHtml); document.getElementById(getInfo[0]).style.cssText = "box-shadow: rgb(136, 136, 136) 10px 10px 5px;"; } //离开焦点,改变样式 function setCategoryCss(value) { var getInfo = value.toString().split(','); document.getElementById(getInfo[0]).style.cssText = "box-shadow: rgb(136, 136, 136) 0px 0px 5px;"; }
HTML标签部分:
<a href="#" style="box-shadow: 0px 0px 5px #888888;" onclick="GetCategoryInfo("A04.综合类(中房),A04;,Y,")" onblur="setCategoryCss("A04.综合类(中房),A04;,Y,")"><img id="A04.综合类(中房)" src="Images/category.gif"></a>
另外需要注意的是,onblur不能直接对img标签使用
积累小的知识,才能成就大的智慧,希望网上少一些复制多一些原创有用的答案