Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

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

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

本文实例讲述了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图片多张拖动排序附源码下载

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

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

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

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

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

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

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

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

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

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

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

JS模拟实现Select效果代码

本文实例讲述了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实现右键菜单变灰不可用效果

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

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

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

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

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

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

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

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

正则表达式判断所填入号码的运营商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学习笔记之简单介绍

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

jQuery超简单选项卡完整实例

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

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

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

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

本文实例讲述了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 >>