JavaScript - 教程之家

272浏览

0评论

CSS3+WOW.js网页滚动瀑布流图片加载动画特效

CSS3网页滚动瀑布流图片加载动画特效是一款WOW.js基于css3动画库属性制作的页面向下滚动时产生的图片载入动画效果。js代码<script src="js/wow.min.js"></script><script>...

2018-08-26

342浏览

0评论

带动画效果的js点击弹出消息对话框特效

多种带炫酷动画效果的js点击弹出消息对话框特效，功能相当强大，外观也漂亮，可以通过简单配置非常轻松的实现各种网页消息提示框。js代码<script src="js/x0popup.min.js"></scri...

2018-08-26

269浏览

0评论

jQuery点击弹出遮罩层图片放大查看代码

一款十分简单的jQuery点击弹出遮罩层图片放大查看代码，支持鼠标滚动放大缩小图片预览，弹出和关闭图片时还有淡进淡出的过渡效果。js代码<script src="jquery.js"></script><sc...

2018-08-26

323浏览

0评论

jQuery鼠标滑过导航下拉菜单特效

一款外观十分简洁好看的jQuery鼠标滑过导航下拉菜单特效，鼠标滑过一级导航菜单时，带过渡动画展开二级子菜单，鼠标悬停子菜单也会有简单的缩进动画效果，而且子菜单是多行多列形式...

2018-08-26

305浏览

0评论

js判断网页页面是否加载完成代码

用document.onreadystatechange的方法来监听状态改变，然后用document.readyState == “complete”判断是否加载完成代码如下：document.onreadystatechange = subSom...

2018-08-26

266浏览

0评论

广告代码影响网页打开速度解决办法

广告代码影响网页打开速度怎么办？如果广告不是很多。。。可以用下面的方法：第一步：把这段代码放在你要放广告的网页位置：程序代码 <div="myads">广告载入中...</div>第二步：把这...

2018-08-26

336浏览

0评论

给网站添加一个运行天数

本站底部运行天数代码：截止到今天已运行了<script language=javascript>var urodz= new Date("6/26/2016");var now = new Date();var ile = now.getTime() - urodz.getT...

2018-08-26

671浏览

0评论

js判断用户UA并自动跳转到对应网页

前几天看到一个关于万能收钱码的教程，里面有个方法很有意思，用户访问我二维码地址后，可以通过UA来判断用户使用的是哪款APP。可以说这个功能就是万能收款码的核心了，下面就...

2018-08-26

363浏览

0评论

js使用base64编码隐藏敏感字符

首先声明一下，这里之所以说用base64来编码字符，是因为它编码之后的字符是人无法理解的东西，并且中英文都一样可以编码成人类不认识的字符串。这里不讨论编码的安全性，要安全的话...

2018-08-26

377浏览

0评论

jQuery移动HTML元素位置

最近在做WordPress主题时遇到了评论框的一些问题，主要是评论采用什么形式来展现给用户。其一是使用弹出层，将表单展示在弹出层上。还有一种就是今天我们要讲的jQuery移动HTML...

2018-08-26

377浏览

0评论

JavaScript三种url编码方式的区别

url编码顾名思义，将字符串编码成url。经常使用浏览器的朋友就会发现，中文的网络地址会被浏览器编码成我们不认识的字符。只有 0-9[a-Z] $ – _ . + ! * ‘ ( ) , 以...

2018-08-26

269浏览

0评论

纯JS实现jQuery的addClass和removeClass功能

jQuery不能用或者jQuery没法及时使用的时候，有需要操作节点的className，就可以用这些代码了。var addClass = function(elem, str) { if (elem.className == str) retu...

2018-08-26

687浏览

0评论

纯Javascript实现淡入淡出效果

说到js的渐变显示与消失，多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果，而去调用了庞大JQuery库，会不会显得有...

2018-08-26

309浏览

0评论

js判断手机端并跳转方法

本文介绍js判断手机端并跳转，这段代码最好放到head里面，这样加在是能够及时的跳转。<script> function is_mobile() {var regex_match = /(nokia|iphone|android|motor...

2018-08-26

286浏览

0评论

Jquery前端分页插件pagination使用

插件描述：JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据，自定义请求参数，提供多种方法，事件和回调函数，功能全面...

2018-08-20

316浏览

0评论

jquery的height()和javascript的height总结，js获取屏幕高度

在javascript和jquery中，都有对各种高度的写法，在这里，我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多！)1. jquery的各种高度首先来说一说$(document)和$(window)，...

2018-08-19

334浏览

0评论

网页前端js判断移动端还是PC端跳转代码

项目上客户有PC端网页，也有专门开发的手机端网址，同一个入口网址可以减少客户的学习成本，也是一种很好的手段，根据客户使用的客户端来自动跳转就可以了，每个浏览器在发送请求的头...

2018-08-11

288浏览

0评论

点击按钮60秒倒计时js代码

直接上代码：<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> <script type="text/javascript"> var countdown=60; function settime(va...

2018-08-11

332浏览

0评论

【jQuery Demo】图片切换效果整理

图片的切换效果有很多，比较常见的有水平滚动、垂直滚动、淡入淡出等。我们接下来一一实现这些效果。1.水平滚动1）我们先来实现HTML页面，代码很简单：<div id="container"> <u...

2018-08-11

309浏览

0评论

图片转换base64数据上传，并且实现预览的简便方法

对于很多新手来说，实现上传图片并且预览功能，都会感到不知所可，然后开始在网站搜索各种各样的图片上传预览插件，但是有的时候我们只是想简单的实现判断格式，以及预览的功能，使用插...

2018-08-11

338浏览

0评论

关于页面冒泡事件，点击会触发多次事件的解决方法

当使用$(document).on('click','.class',function(){}) 时，有时会触发两次甚至多次点击事件，阻止冒泡发现没有用，那么可以这样先解除点击事件，再触发点击事件，...

2018-08-11

344浏览

0评论

一个页面tab标签切换，都有scroll事件的解决办法

当前页有多个tab，如果都有scroll事件，先解绑$(window).off('scroll') 再执行scroll就不可以了，多个标签就不会互相干扰；给你们个例子：//标签切换 $('.tab>a'...

2018-08-11

336浏览

0评论

jQ中几种追加元素的方法

在互联网的世界中几乎所有的网站都要用到JS，但有时候JS操作起来不是很方便，那么我们可以利用JQ插件对网页的DOM树节点进行操作，正好现在本博主也正自学JQ的操作，下方记录几种JQ...

2018-08-11

262浏览

0评论

jQuery实现的经典竖向伸缩菜单效果代码

这是一个利用jquery制作的竖向伸缩菜单的实例，每点击一次主菜单，会拉开出对应的二级菜单，同时其它展开的二级菜单会自动合拢。为了方便以后可以偷懒，把它记录下来，方便日后使用。...

2018-08-11

316浏览

0评论

分享一个基于jQuery的返回顶部代码

本代码基于jQuery，所以需要在当前页面中引入jQuery框架支持，如果你的站点原来已经存在jQuery框架，只需在当前页面引入即可！先来看完整代码：<!DOCTYPE html PUBLIC "-//W3C//DTD X...

2018-08-11

332浏览

0评论

基于jQuery的随屏移动固定区块(广告位)

jQuery的插件可实现右侧固定区块随滚动条滚动而滚动，适合网站右侧广告和推荐内容的展示，推荐下载！使用方法：1.引用样式文件css/fixed.css2.引用jquery的库文件js/jquery.js3.引...

2018-08-11

351浏览

0评论

快速统计 HTML/JS/CSS 的大小

通过一段代码实现统计网页中 HTML、JS、CSS 的大小，很实用的一个小方法，只需要在浏览器控制台 Console 中运行即可。注意：因为这段代码是遍历页面中的 style 标签，所以如果是引...

2018-08-05

347浏览

0评论

Web前端原生JavaScript浅谈轮播图

1、一直来说轮播图都是困扰刚进业内小白的一大难点，因为我们不仅需要自己作出一个比较完美的运动框架（虽然网上一抓一大把，但是哪有比自己做出来实现的有成就感，不是吗？^_^），还...

2018-08-05

353浏览

0评论

超链接中javascript：void(0)的用法

<a href=“#”>中的“#”其实是锚点的意思，默认为#top，所以当页面比较长的时候，使用这种方式会让页面刷新到页首（页面的最上部）javascript：void(0)其实是一个...

2018-08-05

热门文章