Welcome

首页 / 脚本样式 / JavaScript

jQuery实现的多张图无缝滚动效果【测试可用】

2017-02-06 21
本文实例讲述了jQuery实现的多张图无缝滚动效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>slider</title><style>*{padding: 0;margin: 0;}li{list-style-type: none;}body{marg...

Vue组件BootPage实现简单的分页功能

2017-02-06 20
有一段时间没更新文章了，主要是因为自己一直在忙着学习新的东西而忘记分享了，实在惭愧。这不，大半夜发文更一篇文章，分享一个自己编写的一个Vue的小组件，名叫BootPage。不了解Vue.js的童鞋可以移步我的上一篇文章《浅谈Vue.js》了解一下。BootPage组件简介其实也不是啥高大上的组件了，相反确实一个简单的表格分页组件而已，主要是自己最近项目中需要一个表格分页组件，而Vue官方组件库里分页组件都功能太强大或者没有适合我的，所以就自己写了一个凑合着...

jQuery实现的图片轮播效果完整示例

2017-02-06 20
本文实例讲述了jQuery实现的图片轮播效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>图片轮播</title><style type="text/css">*{ padding: 0; margin: 0;}li{ list-style-type: n...

jQuery实现的无限级下拉菜单功能示例

2017-02-06 19
本文实例讲述了jQuery实现的无限级下拉菜单功能。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>下拉菜单（无限级）</title><style>*{padding: 0;margin: 0;}li{list-style-type: none;}body{m...

jQuery实现弹出带遮罩层的居中浮动窗口效果

2017-02-06 21
本文实例讲述了jQuery实现弹出带遮罩层的居中浮动窗口效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>pop window</title><style>*{padding: 0;margin: 0;}.hide{display: none;}.popW...

jQuery简单实现列表隐藏和显示效果示例

2017-02-06 24
本文实例讲述了jQuery简单实现列表隐藏和显示效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>隐藏和显示</title><style>*{ padding: 0; margin: 0;}li{ list-style-type: none;}body{ ...

jQuery实现可展开折叠的导航效果示例

2017-02-06 19
本文实例讲述了jQuery实现可展开折叠的导航效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{ padding: 0; margin: 0;}li{ list-style-type: none;}body...

JS实现页面数据无限加载

2017-02-06 22
在手机端浏览网页时，经常使用一个功能，当我们浏览京东或者淘宝时，页面滑动到底部，我们看到数据自动加载到列表。之前并不知道这些功能是怎么实现的，于是自己在PC浏览器上模拟实现这样的功能。先看看浏览效果：当滚动条滚动到页面底部时，提示“正在加载…”。当页面已经加载了所有数据后，滚动到页面底部会提示“数据已加载到底了”：实现数据无限加载的过程大致如下：1.滚动条滚动到页面底部。2.触发ajax加载，把请求返回的数据加载到列表后面。如何判断滚动条是否滚动到页面底部...

jQuery实现的瀑布流加载效果示例

2017-02-06 20
本文实例讲述了jQuery实现的瀑布流加载效果。分享给大家供大家参考，具体如下：demo.js：$（function（）{$（"img"）.load（function（）{var box = $（".box"）;var boxHeight = {leftBox:[],centerBox:[],rightBox:[]}for（var i=0;i<box.length;i++）{var now = i%3; //now的值为0，1，2switch（now...

更靠谱的H5横竖屏检测方法（js代码）

2017-02-06 19
前不久，做了一个H5项目，需要在横竖屏变化时，做一些处理。毫无疑问，需要使用orientationchange来监听横竖屏的变化。方案一：// 监听 orientation changeswindow.addEventListener（"orientationchange", function（event） { // 根据event.orientation|screen.orientation.angle等于0|180、90|-90度来判断横竖屏}, fa...

jQuery实现的简单拖拽功能示例

2017-02-06 19
本文实例讲述了jQuery实现的简单拖拽功能。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>拖拽</title><style>*{padding: 0;margin: 0;}div{width: 100px;height: 100px;background:...

jQuery实现的放大镜效果示例

2017-02-06 21
本文实例讲述了jQuery实现的放大镜效果。分享给大家供大家参考，具体如下：zoom.css：*{padding: 0;margin: 0;}li{list-style-type: none;}.zoom{margin: 50px;position: relative;}.zoomMiddle{border: 1px solid #ccc;width: 300px;height: 300px;margin-bottom: 3px;position: rel...

jQuery表单对象属性过滤选择器实例详解

2017-02-06 21
本文实例讲述了jQuery表单对象属性过滤选择器。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>2-11</title><script src="jquery-1.7.2.min.js" type="text/javascript"...

jQuery查找节点方法完整实例

2017-02-06 21
本文实例讲述了jQuery查找节点方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js/jquery-1.10.1.min.js">&...

jQuery包裹节点用法完整示例

2017-02-06 22
本文实例讲述了jQuery包裹节点用法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="jquery-1.7.2.min.js" type="text/javascript"></...

JS简单去除数组中重复项的方法

2017-02-06 19
本文实例讲述了JS简单去除数组中重复项的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title></title></head><body><script>var arr = ["aaa","bbb","aaa","ccc","ddd...

jQuery弹出遮罩层效果完整示例

2017-02-06 20
本文实例讲述了jQuery弹出遮罩层效果。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me...

javascript数组遍历的方法实例分析

2017-02-06 22
本文实例讲述了javascript数组遍历的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title></title></head><body><script>var a = [1,2,3,4,5,6];var b = a.some（...

JS防止网页被嵌入iframe框架的方法分析

2017-02-06 22
本文实例讲述了JS防止网页被嵌入iframe框架的方法。分享给大家供大家参考，具体如下：例如：<script type="text/javascript">if （window！=top） // 判断当前的window对象是否是top对象top.location.href = window.location.href; // 如果不是，将top对象的网址自动导向被嵌入网页的网址</script>这段代码是有效的。但是，有一个问题：使...

JS制作图形验证码实现代码

2017-02-06 19
第一步我们来到要展示验证码的页面，当我们按下营业执照的时候让其，弹出一个弹框，弹框的上面就是验证码，如图一所示： （图一）弹框的样式如图二所示：（图二）我们要对验证码的值进行校验，判断验证码是否输入正确，当输入不正确的时候，我们提示错误信息，提示信息如图三所示：（图三）如果页面了验证正确，这不会提示错误信息并且调到我们的目标页面，如图四所示：（图四）路由层描述/** 供货商店铺－店铺简介 */ //1-在路由层进行设置，页面跳转到根目录下/buyer/vs...
<< 111 112 113 114 115 116 117 118 119 120 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图