当前位置:清晨 » javascript笔记

  • 一个表单多个提交按钮

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

    一个表单多个提交按钮
    有时我们需要在一个表单中提交到多个位置,就需要设置多个提交按钮. 像常用的加入购物车和购买按钮   例子 <form id="sform" method="get" action="../shopcart" > <input class="button" type="button" onclick="sform('add');" value="加入购物车"/> ...

    标签:

  • 在线显示PDF文件js插件pdfjs使用方法

    2019年01月23日 | 作者: 影子 | 评论数:0

    在线显示PDF文件js插件pdfjs使用方法
    打开http://mozilla.github.io/pdf.js/getting_started/ 下载Stable (v2.0.943) 解压所有文件到文件夹pdf.js 把文件夹pdf.js上传到服务器 服务器地址: 在线显示PDF文件方法 在地址栏中 http://www.wdja.cn/common/images/js/pdf.js/web/viewer.html?file=http://www.wdja.cn/demo.pdf   或者在代码中 <...

    标签:

  • php倒计时(定时)功能实现方法详解

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

    php倒计时(定时)功能实现方法详解
    PHP实现倒计时或定时功能都需要进行时间对比. 然后再通过对比的差值进行判断后,执行相应的代码块,来实现不同功能. 本文是通过PHP接合js来实现倒计时或定时功能的.   <?php //php的时间是以秒算。js的时间以毫秒算 date_default_timezone_set("Asia/Hong_Kong");//地区 //配置每天的活动时间段 $st...

    标签:

  • jq实现图片宽度自适应100%且图片高度等于图片宽度

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

    jq实现图片宽度自适应100%且图片高度等于图片宽度
    使用jq计算出宽度,再设置高度 ;(function($){ $(function(){ var $divWidth = $('xxx').width(); $('img').css({'height':$divWidth}); }) })(jQuery) 或者使用css3 img{width:100vw;height:100vw;}        

    标签:, , ,

  • 电影站使用DPlayer播放器不能全屏播放的解决办法

    2018年11月17日 | 作者: 影子 | 评论数:0

    电影站使用DPlayer播放器不能全屏播放的解决办法
    很多电影站会使用在线播放器,其中Dplayer播放器是比较常用的一个。 有时会遇到DPlayer播放器的全屏功能失效的情况。 今天影子就分享一下解决方法。 只需要在 iframe 代码中,添加两段代码 allowtransparency="true" allowfullscreen="true" 修改后的代码   document.write('<iframe width="100%" hei...

    标签:

  • jQuery 文档操作方法

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

    jQuery 文档操作方法
    这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。 方法 描述 addClass() 向匹配的元素添加指定的类名。 after() 在匹配的元素之后插入内容。 append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容。 appendTo() 向目标结尾插入匹配元素集合中的每个元素。 attr() 设置或返...

    标签:

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

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

    select列表框中的option选项显示图片
    <img id="img" src=""> <select onchange="document.getElementById('img').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> &l...

    标签:

  • 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"){ ...

    标签:

  • 原生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"; } } //--> <...

    标签: