使用脚本控制网页Table的显示隐藏(全代码)_AX

【需求】
如果大家登录过
我傲:http://www.woall.com
新浪博客等
就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的Table行,对它的display属性进行控制.
强烈建议大家登录:http://www.woall.com亲身体验一下!
【另】帖子里网址怎么加链接啊???
【源码】使用方法:把文件考下来,保存为htm类型的文件即可!

无标题文档

你点我啊!!
AXzhz制作

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • jQuery 网易相册鼠标移动显示隐藏效果实现代码

    其实主要是jquery 层选择器的应用,jquery 高手可以跳过... 网易相册效果图如下:当鼠标移动经过照片就显示"设为封面|删除",移开后就隐藏,此效果在web开发中经常会用到.故总结一下 直接上代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • 鼠标移动到超链接上的效果

    a:hover { text-decoration: none;position: relative;text-decoration: none; height: 0; filter:blur Alpha(Opacity=90, FinishOpacity=40, Style=2);} abcde [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • Jquery中显示隐藏的实现代码分析

    $("#id").show()//表示display:block, $("#id").hide()//表示display:none; $("#id").toggle()//切换元素的可见状态.如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. $("#id").css('display','none'); $("#id").css('display','block'); //或 $("

  • jquery实现的提示浮层跟随鼠标移动

    jquery实现: jquery实现简单文字提示 #preview{border:1px solid #cccccc; background:#9900CC;color:#fff; padding:5px; display:none; position:absolute;} 把鼠标放到这里1 把鼠标放到这里2 把鼠标放到这里3 把鼠标放到这里4 把鼠标放到这里5 this.imagePreview = function(){ /* CONFIG */ xOffset = 10; yOffset

  • 鼠标移动到某个单元格上后,整个列都变色的实现方法

    var overcolor='#cccccc'; var outcolor='#f2f3f7'; var clkcolor='deeppink'; var pObj=null; for (var i=0;i                         [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 以上代码可以实现鼠标移动到单元格上,单元格变色,现在我想实现鼠标移动到某个单元格上后,整个列都变色不知道可以不可以实现呢? 如何定义表格的鼠标隔列变色行为 body { font: n

  • 单击按钮显示隐藏子菜单经典案例

    复制代码 代码如下: <mce:script language="javascript"><!-- var count=0;//做计数器 var limit=new Array();//用于记录当前显示的哪几个菜单 var countlimit=1;//同时打开菜单数目,可自定义 function expandIt(el) { obj = eval("" + el); if (obj.style.display == "none"

  • JS控制显示隐藏兼容问题(IE6、IE7、IE8)

    在IE7中, 使用jQuery 显示:$("#a").attr("style",""); 隐藏:$("#a").attr("style","display:none"); 但是显示这个方法在IE8中不行 IE8 显示:$("#a").removeAttr("style"); 隐藏:$("#a").attr("style

  • js实现的点击超链显示隐藏层

    点击链接,显示提示框,提示框里也有链接可点击. 鼠标移开链接或者移开提示框,提示框就隐藏. 下面这个我写的不能自适应,如果菜单左对齐,显示层能否自动在右边显示?应该怎样调整JS? test body {background-color: #fff; font-size:14px; color:#666;} #link-url a {display:block; height:30px; line-height:30px;width:100px; color:#666; text-decorati

  • 基于JQuery实现鼠标点击文本框显示隐藏提示文本

    比如本人网站的搜索框: 不使用的时候: 鼠标点击后: 用JQuery实现这个效果非常简单,下面是代码: 复制代码 代码如下: $(document).ready(function () { var searchBox = $("#ctl00_txtSearch"); searchBox.focus(function () { if (searchBox.val() == this.title) { // TextBox控件ToolTip属性转换为Html为title属性 searchB

  • 使用脚本控制网页Table的显示隐藏(全代码)_AX

    [需求] 如果大家登录过 我傲:http://www.woall.com 新浪博客等 就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的Table行,对它的display属性进行控制. 强烈建议大家登录:http://www.woall.com亲身体验一下! [另]帖子里网址怎么加链接啊??? [源码]使用方法:把文件考下来,保存为htm类型的文件即可! 无标题文档 你点我啊!! AXzhz制作 [Ctrl+A 全选 注:如需引入外

  • javascript 控制 html元素 显示/隐藏实现代码

    1.编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id

  • jQuery输入框密码的显示隐藏【代码分享】

    效果图: 代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>jQuery输入框密码显示隐藏代码</title> <!--手机端需要添加--> <meta name="viewport" content="width=device-widt

  • 教你如何用CSS来控制网页字体的显示样式

    HTML对于<font>内容</font>卷标只有: <font color=colorvalue size=fontsize face=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们可以对字型的有更详细的设定.对于字型的设定: font-family:字型名称1,字型名称3,字型名称3等等.显示字型的优先级,若计算机中有安装该字型,便以该字型显示.如果你所设定的字型,client的计算

  • Js 网页上反复显示隐藏效果的文本

    反复显隐的文本 ') for (m=0;m'+message.charAt(m)+'') document.write('') var tempref=document.all.neonlight } else document.write(message) function neon(){ if (n==0){ for (m=0;m [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • shell脚本实现拷贝大文件显示百分比的代码分享

    复制代码 代码如下: #!/bin/sh strace -q -eread cp -- "${1}" "${2}" 2>&1 \ | awk '{     count += $NF     if (count % 10 == 0) {         percent = count / total_size * 100         for (i=0;i<=percent;i++)             printf("="

  • 用flash as脚本 控制 Flash中文本框样式的代码

    经常看到Flash留言簿中的文件框可以动态修改其样式,今天写了一个小实例供大家学习!转载请保留:蓝光 BlueShine 效果如下: /upload/20071124121452211.swf 复制代码 代码如下: var Style = new TextFormat();   //定义一个文本格式   style_txt.borderColor = 0xdddddd;   size_txt.borderColor = 0xdddddd;   style_txt.htmlText = "<

  • 使用vue控制元素显示隐藏方式

    目录 vue控制元素显示隐藏 解释 注意点 控制元素显示隐藏 v-show与v-if,以及v-if-else v-show与v-if作用 vue控制元素显示隐藏 HTML代码:  <div title="意向价格"   v-if="showPrise"></div>   <div title="意向租金"   v-show="showRentPrise"></div> JS代码:

  • 基于jquery实现页面滚动时顶部导航显示隐藏

    本文实例讲述了jquery实现页面滚动时顶部导航显示隐藏效果代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 引入核心文件 <script src="js/jquery/1.11.1/jquery.min.js"></script> 构建html,margint这个div中为了出现滚动条而建,并无实际作用. <div class="top-title">这是顶部导航条</div> <di

  • JS实现网页标题随机显示名人名言的方法

    本文实例讲述了JS实现网页标题随机显示名人名言的方法.分享给大家供大家参考,具体如下: 这段代码实现每次刷新过后,网页的标题都会随机显示名人名言,一次一条,把这些名言定义在Javascript的数组内,每次调用随机调用一条,随机产生的随机数正好是数组的标号,这样就实现了随机,不错的效果吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-show-tips-style-codes/ 具体代码如下: <!DOCTYPE html

随机推荐