码迷,mamicode.com
首页 > Web开发 > 详细

原生JS修改标签样式为带阴影效果

时间:2015-09-21 21:13:28      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

代码如下:

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(&quot;A04.综合类(中房),A04;,Y,&quot;)" onblur="setCategoryCss(&quot;A04.综合类(中房),A04;,Y,&quot;)"><img id="A04.综合类(中房)" src="Images/category.gif"></a>

另外需要注意的是,onblur不能直接对img标签使用

原生JS修改标签样式为带阴影效果

标签:

原文地址:http://www.cnblogs.com/llcdbk/p/4827160.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!