js常用例子
王武顺
这个作者很懒,什么都没留下…
展开
-
分页效果
在网上发现了许多的分页效果,就自己研究总结下分析主要的思路是:假设以10页为分界线,10页以下就不出现”…”,10页以上出现“…”;主要分两种不同的情况,10页以下容易写出来;10页以上又要分3种不同的情况,第一种情况是当前页在靠近左侧的时候,第二种情况是当前页在中间的时候,第三种情况是当前页在右侧的时候;代码<!DOCTYPE HTML><html><head><meta http-equi原创 2016-02-18 19:46:01 · 343 阅读 · 0 评论 -
js彩票效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!--<script src="wws.js" type="text/javascript" charset="utf-8"></script>--> <style>原创 2016-03-07 16:54:03 · 579 阅读 · 0 评论 -
无缝滚动
无缝滚动是最常见的网页效果,找的例子(无缝滚动4)看得不太明白,用自己最容易理解的方式分析下,3个例子,依次递进无缝滚动1基本原理:复制一份需要移动的区域,2个区块循环运动<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">原创 2016-02-24 16:35:50 · 553 阅读 · 0 评论 -
点击导航下的某个栏目,出现在相应区域;滚动到某个区域,导航下的某个栏目相应效果
今天开发遇到了这个效果,这里小结下<!DOCTYPE HTML><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>js特效|常用效果:点击导航下的某个栏目,出现在相应区域;滚动到某个区域,导航下的某个栏目相应效果</title原创 2016-02-24 18:45:03 · 1161 阅读 · 0 评论 -
改版之省市联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="div1"></div></body></html><script> window.onload = function () { var ds原创 2016-10-10 15:14:50 · 3408 阅读 · 0 评论 -
改版之轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div, ul, li { padding: 0; margin:原创 2016-10-10 16:52:43 · 252 阅读 · 0 评论 -
滚动拖拽
滚动拖拽最近我们第一电动网改版了,现在已完成三分之一,把目前三分之一主要的实现功能总结下主要有滚动拖拽,分页,轮播图,滚动侦测,select框联动,日历,友好时间,评论等等 [ 第一电动网]第一个总结功能是滚动拖拽主要实现的点有 - 可以拖拽 - 可以滚动代码块<!DOCTYPE html><html lang="en"><head> <meta charset="UT原创 2016-10-06 17:36:52 · 358 阅读 · 0 评论 -
js字符串与数组方法小结
js字符串与数组方法小结<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script> var str='wangWushun';var arr=[1,2,3,4,0];var原创 2016-02-23 09:56:17 · 518 阅读 · 0 评论