前端开发

 首页 > 前端开发 > javascript > js封装tab标签页实例分享

js封装tab标签页实例分享

分享到:
【字体:
导读:
          js封装tab标签页实例分享话不多说,请看代码 htmlheadtitle/titlemetacharset=UTF-8style*{padding:0;margin:0;}.block{display:block;}.none{display:none;}#wrap,#wraps{width:500px;height:230px;overflow:hidden;margin:50pxauto;}#tab...

js封装tab标签页实例分享话不多说,请看代码



  
  
  



  
    第一项
    
  • 第二项
  •     
  • 第三项
  •         第一部分
      第二部分
      第三部分
           第一项     
  • 第二项
  •     
  • 第三项
  •         第一部分   第二部分   第三部分   tab("wrap","tab1","mouseover")   tab("wraps","tab2");   function tab(wrap,navul,eve){ //tab效果封装,目前只有两种变换方式,一种为点击事件click(也是默认事件),另外一种为鼠标移过事件mouseover     var divs=document.getElementById(wrap).getElementsByTagName("div");     var lis=document.getElementById(navul).getElementsByTagName("li");     for(var i=0;i


    分享到:
    javascript获取url信息的常见方法
    先以“http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345”为例,然后获得它的各个组成部分。 1、获取页面完整的url var a=location.href; console.log(a); // “http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345” 2、获取页面的域名 var host = window.location.host; //...
    javascript学习json入门教程
    javascript学习json入门教程 1. 什么是JSON JSON---Javascript Object Notation,前两个单词大家应该都认识,最后一个notation,是“记号、标记法”的意思,连在一起,便成了JSON。 它是一种轻量级的数据交换格式,是基于Javascript的一个子集,可以叫做Javascript对象表示法,是存储和交换文本信息的语法,但它并不是Javas...
    •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
    • 在这里……