zoukankan      html  css  js  c++  java
  • 原生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(&quot;A04.综合类(中房),A04;,Y,&quot;)" onblur="setCategoryCss(&quot;A04.综合类(中房),A04;,Y,&quot;)"><img id="A04.综合类(中房)" src="Images/category.gif"></a>

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

  • 相关阅读:
    对 getaddrinfo Android 返回错误 EAI_BADFLAGS
    getaddrinfo详解
    使用moment.js管理时间
    ejs循环实例
    Express优化-合并路由
    Express重定向
    Express中间件
    express.Router创建模块化路由
    Express路由
    nodejs + express访问静态资源
  • 原文地址:https://www.cnblogs.com/llcdbk/p/4827160.html
Copyright © 2011-2022 走看看