当前位置:清晨 » javascript笔记

  • JQuery中$(function() {…})的说明

    2019年10月30日 | 作者: 影子 | 评论数:0

    JQuery中$(function() {…})的说明
    $(function() {}) 是$(document).ready(function()的简写。 在DOM加载完毕之后执行。 DOM加载完毕是指页面所有的html标签(包括图片等)都加载完,全部展现到浏览器界面上。

    标签:

  • swiper常用配置

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

    swiper常用配置
        <script> var mySwiper = new Swiper ('.swiper-container', { autoplay: { delay:5000,//秒 disableOnInteraction: false,//滑动不会失效 reverseDirection: ...

    标签:

  • javascript的Document 对象方法

    2019年07月31日 | 作者: 影子 | 评论数:0

    javascript的Document 对象方法
      getElementById() 返回对拥有指定 id 的第一个对象的引用。 getElementsByName() 返回带有指定名称的对象集合。 getElementsByTagName() 返回带有指定标签名的对象集合。 getElementsByClassName()通过类名查找 HTML 元素 querySelectorAll()通过 CSS 选择器查找 HTML 元素 getElementsByClassName()不...

    标签:

  • jQuery版页面滚动元素动画插件aos.js

    2019年07月26日 | 作者: 影子 | 评论数:0

    jQuery版页面滚动元素动画插件aos.js
    aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。 安装 可以通过bower来安装aos动画库插件。 bower install aos --save 使用方法 在页面中引入aos.css文件,jquery和aos.js文件...

    标签:

  • 一个表单多个提交按钮

    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() 设置或返...

    标签: