Welcome 微信登录

首页 / 脚本样式 / JavaScript

JS实现网站菜单拖拽移位效果的方法

JS实现网站菜单拖拽移位效果的方法

2017年02月06日 11 阅读
本文实例讲述了JS实现网站菜单拖拽移位效果的方法。分享给大家供大家参考。具体如下：这是一个基于JavaScript的层手动实例，让网站的菜单可以拖拽移位，记得土豆网的“豆单”有这种功能。本效果还尚未彻底完成，部分地方因没有写入对应内容，因此JS可能会提示有错误。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-web-menu-tzyw-style-codes/具体代码如下：<html><...
JS+CSS实现简易的滑动门效果代码

JS+CSS实现简易的滑动门效果代码

2017年02月06日 11 阅读
本文实例讲述了JS+CSS实现简易的滑动门效果代码。分享给大家供大家参考。具体如下：看了很多的滑动门和滑动菜单的资料，总算写出来了一个像样的滑动门，虽然外观不怎么样，但可以兼容火狐，还请老前辈们不要笑话，以后有好多西再请大家批评。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-simple-hdtx-demo-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3...
avalon js实现仿google plus图片多张拖动排序附源码下载

avalon js实现仿google plus图片多张拖动排序附源码下载

2017年02月06日 11 阅读
源码下载：http://xiazai.jb51.net/201509/yuanma/drag_sort1（jb51.net）.rar效果展示如下：google plus拖动+响应式效果：要求1. 两边对齐布局，即图片间间距一致，但左右两边的图片与边界的间距不一定等于图片间间距，兼容ie7,8,firefox,chrome.2. 浏览器尺寸变化，在大于一定尺寸时，每行自动增加或减少图片,自动调整图片间间距，以满足两边对齐布局，这时每张图片尺寸固定（这里是20...
JS+CSS实现鼠标滑过时动态翻滚的导航条效果

JS+CSS实现鼠标滑过时动态翻滚的导航条效果

2017年02月06日 12 阅读
本文实例讲述了JS+CSS实现鼠标滑过时动态翻滚的导航条效果。分享给大家供大家参考。具体如下：这是一款鼠标悬停时动态翻滚的导航条，注意这里用了两个背景图，请等待网页加载完成或多刷新几次，这个是使用JavaScript实现的，不过代码好像是从jQuery里摘出来的，有点像。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-mouse-over-nav-scroll-style-codes/具体代码如下...
js中不同的height, top的区别对比

js中不同的height, top的区别对比

2017年02月06日 12 阅读
每次看到js中的 clientHeight（clientTop）, offsetHeight（offsetTop），scrollHeight（scrollTop）就头大，根本分不清这几种的区别，然而碰到这些已经不 值一两次了，然后每次都要查看一下各自的区别，才能决定使用哪个。本篇主要以chrome为准，可能各个浏览器之间还是有一些区别，但很多自己还未真正遇到过，还不是很清楚，等以后碰到了类似的兼容性问题，再记录到这里，这次就chrome浏览器中各个属性的区...
javascript同步服务器时间和同步倒计时小技巧

javascript同步服务器时间和同步倒计时小技巧

2017年02月06日 12 阅读
之前在网上看到有人提问，如何在页面上同步显示服务器的时间，其实实现方法有几种，可能 一般人立马就想到可以使用Ajax每隔一秒去请求服务器，然后将服务器获取到时间显示在页面上，这样虽然能够实现，但存在一个很大的问题，那就是每隔一秒 去请求服务器，这样如果用户多了，服务器就会崩溃（内存占用率会很大），所以在我看来，这种方法不可行，我这里给出一种解决方案，能够实现同步服务器时间、同步倒计时，却不占用服务器太多资源，下面我给写实现的思路：第一步，当用户第一次浏览页...
JS实现滑动菜单效果代码（包括Tab,选项卡,横向等效果）

JS实现滑动菜单效果代码（包括Tab,选项卡,横向等效果）

2017年02月06日 11 阅读
本文实例讲述了JS实现滑动菜单效果代码。分享给大家供大家参考。具体如下：这里实现一个特效将网页中的选项卡滑动门都集中到一个网页中来，有些同志曾经为同一个页面布置两个滑动门而烦恼，参考一下本例子，相信你会找到答案，而且有各种排列方式的选项卡，总有一款会满足你。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-move-tab-nav-menu-demo-style-codes/具体代码如下：<！DOCT...
JS基于面向对象实现的拖拽库实例

JS基于面向对象实现的拖拽库实例

2017年02月06日 12 阅读
本文实例讲述了JS基于面向对象实现的拖拽库。分享给大家供大家参考。具体如下：这是一个面向对象的JS拖拽库，可设置水平锁定、垂直锁定、锁定位置、锁定范围等，设定这些范围后，只能在设定的模式下拖动，我觉得这是个挺不错的拖拽实例。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-mxdx-draw-plug-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XH...
JS模拟实现Select效果代码

JS模拟实现Select效果代码

2017年02月06日 11 阅读
本文实例讲述了JS模拟实现Select效果代码。分享给大家供大家参考。具体如下：这里模拟实现一个Select效果，其实这不是模拟，是自制Select，在JavaScript的配合下，运用CSS的UL/LI形成一个可下拉的列表，类似于下拉Select的效果，你可任意修改他们的颜色和内容之类的，用起来更方便了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-mn-select-style-demo-codes...
jQuery EasyUI实现右键菜单变灰不可用效果

jQuery EasyUI实现右键菜单变灰不可用效果

2017年02月06日 11 阅读
首先，实现“除此之外全部关闭”变灰不可用。当只打开一个Tab选项卡时，右键菜单里“除此之外全部关闭”就应该变灰不可用，这样可以提示用户没有除这一个选项卡没有其他的选项卡了。程序实现很简单了，只要获得打开Tab选项卡的个数，如果个数为1，那么就把“除此之外全部关闭”变灰不可用就行了。var tabcount = $（"#tabs"）.tabs（"tabs"）.length; //tab选项卡的个数 if （tabcount <= 1） { $（"#mm...
JS+CSS实现仿支付宝菜单选中效果代码

JS+CSS实现仿支付宝菜单选中效果代码

2017年02月06日 13 阅读
本文实例讲述了JS+CSS实现仿支付宝菜单选中效果代码。分享给大家供大家参考。具体如下：这是一个漂亮的JS+CSS仿支付宝菜单，总体风格和形式与支付宝的菜单没什么两样，细心会发现这是一个CSS爱好者自己手功完成的，自己美化图片，重写CSS代码，为作者给我们奉献这么好的菜单而表示感谢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-f-alipay-style-menu-codes/具体代码如下：&...
微信支付如何实现内置浏览器的H5页面支付

微信支付如何实现内置浏览器的H5页面支付

2017年02月06日 11 阅读
因为项目需要，要在H5页面中加入微信支付，所以便去尝试，只想说真的很坑，尤其调试起来不方便这是微信的官方API文档 微信API微信支付的准备工作申请公众号，申请开通支付，这个很简单，自行百度申请好之后 在微信公众平台页面的“微信支付”页面中的“开发配置”Tab上配置“支付授权目录”，“测试授权目录”，“测试白名单”在微信公众平台页面的“开发者中心”中找到“AppID（应用ID）”和“AppSecret（应用密钥）”在商户平台中找到微信支付分配的商户号，以及...
JS实现仿QQ效果的三级竖向菜单

JS实现仿QQ效果的三级竖向菜单

2017年02月06日 11 阅读
本文实例讲述了JS实现仿QQ效果的三级竖向菜单。分享给大家供大家参考。具体如下：这是一款仿QQ的三级菜单，竖向三级，两级的比较多见，三级的不多哦，不过本菜单三级菜单没有美化，你需要自己再美化一下。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-qq-3l-v-menu-style-codes/具体代码如下：<html><head><title>仿QQ的菜单，三级竖向...
JavaScript判断手机号运营商是移动、联通、电信还是其他（代码简单）

JavaScript判断手机号运营商是移动、联通、电信还是其他（代码简单）

2017年02月06日 11 阅读
正则表达式判断所填入号码的运营商js代码修改版：http://www.jb51.net/article/31563.htm在做WEB项目时，有时候需要根据用户的输入手机号码判断该号的运营商是移动、联通、电信或其他，再根据不同的运营商做出相应的处理，下面介绍js中如何判断手机号的运营商的代码纯js代码 var isChinaMobile = /^134[0-8]\d{7}$|^（?:13[5-9]|147|15[0-27-9]|178|18[2-47...
angularjs学习笔记之简单介绍

angularjs学习笔记之简单介绍

2017年02月06日 11 阅读
一.angularjs简介 AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件。它的创新点在于，利用 数据绑定 和 依赖注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。 说了这么多，估计你啥都没有理解。。。对吗？别着急，我来说说他的几个特点吧：模块化，数据双向绑定，依赖注入，指...
jQuery超简单选项卡完整实例

jQuery超简单选项卡完整实例

2017年02月06日 11 阅读
本文实例讲述了jQuery实现的超简单选项卡效果。分享给大家供大家参考。具体如下：这是一款基于jQuery的选项卡示例，比较实用的一个实例，希望通过本文让大家掌握如何使用jQuery创建一个选项卡标签，这是目前WEB前端设计比较流行的一款功能。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-simple-nav-cha-demo/具体代码如下：<！DOCTYPE html PUBLIC "-...
JS实现网页Div层Clone拖拽效果

JS实现网页Div层Clone拖拽效果

2017年02月06日 11 阅读
本文实例讲述了JS实现网页Div层Clone拖拽效果。分享给大家供大家参考。具体如下：这是一个层拖动，网页上的拖拽Clone效果实例，两个层可在鼠标的拖动下，任意改变位置，智能判断层级，也就是智能判断自身是否处于最高层，最高处的层是不会被其它层遮挡的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-draw-box-clone-style-codes/<！DOCTYPE html PUBLIC "-...
JS实现可拖曳、可关闭的弹窗效果

JS实现可拖曳、可关闭的弹窗效果

2017年02月06日 11 阅读
本文实例讲述了JS实现可拖曳、可关闭的弹窗效果。分享给大家供大家参考。具体如下：运行该实例，点击文字，弹出一个窗口，其实是一个弹出层，这个弹出层可以随鼠标拖曳，另外，示例演示了用本方法弹出文字层和弹出图片层的具体代码，请根据选择使用哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-draw-close-able-alert-dlg-demo/具体代码如下：<！DOCTYPE HTML><...
<< 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图