当前位置:清晨 » javascript笔记

  • select列表框中的option选项显示图片

    2018年08月18日 | 作者: 影子 | 评论数:0

    select列表框中的option选项显示图片
    <img id="image1" src=""> <select onchange="image1.src=this.value"> <option value="images/main.png" >main.png</option> <option value="images/tel.png">tel.png</option> <option value="images/mail.png">mail.png</option> </select>

    标签:

  • js点击按钮显示或隐藏内容

    2018年08月07日 | 作者: 影子 | 评论数:0

    js点击按钮显示或隐藏内容
    js点击按钮显示或隐藏内容,可以做手机版的菜单功能,比较方便. js代码 <script type="text/javascript"> window.onload=function(){ var obt=document.getElementById("all"); var odiv=document.getElementById("menu"); obt.onclick=function(){ if(odiv.style.display=="none"){ ...

    标签:

  • wordpress高亮代码插件Pure-Highlightjs行号显示错误解决方法

    2018年08月06日 | 作者: 影子 | 评论数:0

    wordpress高亮代码插件Pure-Highlightjs行号显示错误解决方法
    wordpress高亮代码插件Pure-Highlightjs行号显示错误解决方法 在使用Pure-Highlightjs时,使用chrome浏览器时行号会显示为undefined,IE中倒不会,通过进行替换掉undefined的方法来解决,只需要在Pure-Highlightjs/highlight/prism.js中添加一行,位置如图 o = o.join("<span></span&...

    标签:, , ,

  • 原生js图片替换位置

    2018年08月01日 | 作者: 影子 | 评论数:0

    原生js图片替换位置
    原生js图片替换位置     <script> function changeImg(id,img) { document.getElementById(id).src =img; } </script> <p><img src="https://www.baidu.com/img/baidu_jgylogo3.gif" id="baidu"/></p> <p><img src="https://www.baidu.com/img/baidu_jgylog...

    标签:

  • js实现tab切换,支持单页面多个调用

    2018年06月19日 | 作者: 影子 | 评论数:0

    js实现tab切换,支持单页面多个调用
    js代码部分   <script> <!-- function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"hover":""; con.style.display=i==cursel?"block":"none"; } } //--> <...

    标签:

  • 如何解决wow.js与fullpage的兼容性

    2018年05月29日 | 作者: 影子 | 评论数:0

    如何解决wow.js与fullpage的兼容性
    项目需要做到全屏显示的同时还需要做到实时执行动画。但是发现在使用fullpage之后,wow.js不起作用。找了诸多资料,解决方法如下: $('#fullpage').fullpage({ verticalCentered:true, css3:true, paddingTop:70, anchors: ['page1', 'page2', 'page3], scrollBar: true, afterRender: function(){ wow = new ...

    标签:,

  • js返回上一页

    2018年05月09日 | 作者: 影子 | 评论数:0

    js返回上一页
    <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">刷新当前页面</a> <a href="javascript:" onclick="history.go(-2); ">返回前两页</a> <a href="javascript:" onclick="self.location=document.referrer;">返回上一...

    标签:

  • js原生getElementsByClassName兼容IE7以上

    2017年03月09日 | 作者: 影子 | 评论数:0

    js原生getElementsByClassName兼容IE7以上
    客户的需求: 列表前两行后添加最新标签,兼容IE7以上及主流浏览器。   js部分 <script> function getElementsByClassName(className, root, tagName) { //root:父节点,tagName:该节点的标签名。 这两个参数均可有可无 if (root) { root = typeof root == "string" ? document.getElementById(r...

    标签:

  • getElementsByClassName的用法 和 js获取class

    2017年03月03日 | 作者: 影子 | 评论数:0

    getElementsByClassName的用法 和 js获取class
    原文:http://blog.sina.com.cn/s/blog_78106bb10100xyg1.html   因为IE浏览器不支持getElementsByClassName,所以你要自己写一个方法得到class 但是火狐浏览器知道getElementsByClassName,可以直接的用 <html> <head>    <title></title>    <script type="text/javascrip...

    标签:

  • 简体繁体转换JS(JavaScript)脚本

    2017年03月02日 | 作者: 影子 | 评论数:0

    简体繁体转换JS(JavaScript)脚本
    在一个政府网站看到简繁转换的js方法挺不错的,现整理出来,方便以后使用。 1、首先把下面这个链接放在提醒用户繁简转换的地方: <a href="javascript:StranBody()" id="StranLink">简体版</a> 需要注意的是id是不能换的。 2、把这段js外部调用的代码加在网页最底部的</body>前: <scrip...

    标签: