当前位置: 首页 > news >正文

万网云服务器网站上线html5企业网站带后台

万网云服务器网站上线,html5企业网站带后台,织梦确定网站风格,上海免费模板建站有时候需要添加CSS样式和移除CSS样式#xff0c;如添加display属性#xff0c;设为隐藏。有时候需要移除display属性。 一、jQuery移除CSS样式的两种方法 注意#xff1a;当其中一种不支持时#xff0c;就尝试另一种#xff1a; $(#show).removeAttr(如添加display属性设为隐藏。有时候需要移除display属性。 一、jQuery移除CSS样式的两种方法 注意当其中一种不支持时就尝试另一种 $(#show).removeAttr(style); $(#show).attr(style,);二、JS/jQuery添加或移除CSS样式 //通过JS添加样式移除样式 document.getElementById(tab1).style.displaynone; document.getElementById(tab1).removeAttribute(style);//通过jQuery添加样式移除样式 // $(#tab1).css(display,none); // $(#tab1).removeAttr(style,);三、实例 !doctype html html headmeta charsetutf-8title信息管理/title!--通知ie使用最新内核--meta http-equivX-UA-Compatible contentIEedge!--响应式约束缩放--meta nameviewport contentwidthdevice-width, maxinum-scale1,user-scalableno,initial-scale1link relstylesheet hrefhttps://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css script srchttps://cdn.bootcss.com/jquery/2.1.1/jquery.min.js/scriptscript srchttps://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js/scriptstylebody{ background:#eee;}#main{ max-width:640px; font-family:微软雅黑; }/*头部*/.tou{ background:#fff; margin-top:20px; padding-top:13px; padding-bottom:13px;}/*头部左边*/.tou .tou-left{ margin-left:15px;}.tou .tou-left a{}.tou .tou-left img{ width:78px; height:78px;}/*头部右边*/.tou .tou-right{ position:relative; float:left; margin-left:20px;}.tou .tou-right h3{ font-size:18px; margin-top:3px; margin-bottom:8px;}.tou .tou-right p{ font-size:14px; color:#999; margin-bottom:5px;}.tou .tou-right .self-depart{ margin-bottom:0px;}/*采集和已采集连接*/.self-nav{ margin-top:20px; background:#fff; ;}.self-nav .col-xs-6{ padding-left:0; padding-right:0; margin-left:0; margin-right:0; }.self-nav .btn{ padding-top:10px; padding-bottom:10px;}/*采集列表*/.self-menu{ margin-top:20px; background:#fff;border-top:1px solid #fff; border-bottom:1px solid #fff; }.self-menu .self-menu-cont li{ border-bottom:1px solid #eee;}.self-menu .self-menu-cont li .self-danger{ background:#C00;}/*底部技术支持*/.self-footer{ margin-top:20px; background:#fff; padding-top:13px; padding-bottom:13px; }.self-footer p{ margin-bottom:0; font-size:12px; color:#666; text-align:center;}/style /head bodydiv class container idmain!--头部--div classrow toudiv class pull-left tou-lefta href./img src classimg-responsive//a/divdiv class tou-righth3张三/h3p微信号zhangsan/pp classself-depart部门安全部/p/div/div!--banner--div classrow self-navdiv classcol-xs-6a href#tab1 classbtn btn-block btn-default data-toggletab idsend onclickhiddenTag()信息列表/a/divdiv classcol-xs-6a href#tab2 classbtn btn-block btn-default data-toggletab onclickshowTag()添加信息/a/div/div!--菜单列表--div classrow self-menuul classnav nav-pills nav-stacked self-menu-cont tab-pane active fade in idtab1lia href信息列表span classbadge pull-right10/span/a/lilia href消息列表span classbadge pull-right10/span/a/lilia href留言列表span classbadge pull-right10/span/a/lilia href传达列表span classbadge pull-right10/span/a/lilia href通知列表span classbadge pull-right10/span/a/li/ulul classnav nav-pills nav-stacked self-menu-cont tab-pane fade idtab2 styledisplay:nonelia href添加信息/a/lilia href添加消息/a/lilia href添加留言/a/lilia href添加传达/a/lilia href添加通知/a/li/ul/div/div /body scriptfunction hiddenTag(){//通过JS添加样式移除样式document.getElementById(tab1).style.displayblock;document.getElementById(tab2).style.displaynone;//通过jQuery添加类选择器和移除类选择器$(#add).removeClass(btn-primary);$(#add).addClass(btn-default);$(#send).removeClass(btn-default);$(#send).addClass(btn-primary);//通过jQuery添加样式移除样式// $(#tab1).css(display,block);// $(#tab2).css(display,none);}function showTag(){//通过JS添加样式移除样式document.getElementById(tab1).style.displaynone;document.getElementById(tab2).removeAttribute(style);//通过jQuery添加类选择器和移除类选择器$(#send).removeClass(btn-primary);$(#send).addClass(btn-default);$(#add).removeClass(btn-default);$(#add).addClass(btn-primary);//通过jQuery添加样式移除样式// $(#tab1).css(display,none);// $(#tab2).removeAttr(style,);} /script /html
http://www.sadfv.cn/news/176742/

相关文章:

  • 唐山做网站哪家好做网站市场报价
  • 购物网站开发参考文献国美在线网站域名建设
  • 站长工具中文成全视频观看技巧和方法
  • 怎么推广自己的公司网站如何学习网站开发
  • 郑州达云通网站建设公司个人怎么注册小型公司
  • 湘潭做网站 磐石网络广西备案工信部网站
  • 建设自己的网站wordpress防伪码
  • 鞍山做网站的wordpress文章加载慢6
  • 广州网站建设维护宁波专业优化网站制作公司
  • 四川网站备案重庆做商城网站
  • 室内设计联盟网页版游戏行业seo整站优化
  • 网站建设 调研报告php网站开发实用技术
  • 网站开发易语言百度一下手机版
  • 南京广告公司电话东营网站的优化
  • 美丽乡村建设发展论坛网站客户都不愿意做网站
  • 一级a视网站 做爰片餐饮网站建设策划书
  • 建设网站怎么提需求建筑方案设计网站
  • 建设高校网站的现实意义短链接恢复长连接
  • 成都网站建设众成联邦外贸网站建设谷歌推广
  • 东莞小学网站建设大桥石化集团网站谁做的
  • 百度智能建站怎么样网站优化技术
  • 网站项目策划书实例做论坛网站用什么系统
  • 网站的基本元素怎么用手机做一个网站
  • 多个域名解析到一个网站哪个软件可以看街景
  • 设计师在线深圳网站建设seo
  • 英文网站建设方案 ppt模板南山网站设计公司
  • 书画网站建设方案策划新浪云sae免费wordpress网站
  • 可以做游戏的网站有哪些方面电子商务公司怎么赚钱
  • 做一个手机购物网站多少钱可以自己做直播网站吗
  • 网址跳转网站电子商务网站建设与规划教案