js中的正则表达式怎么写

1. js怎么写控件

2. 行内js怎么写

3. js中7次方怎么写

4. js怎么写动画

js怎么写控件

1.如何用javascript写个插件

开发插件其实说白了插件里面就是一个或多个函数的组合你只需要将一些能实现某些功能的代码做成函数然后将这些函数全部放在一个js文件里面到需要用的时候直接调用这个js文件他里面的方法就可以直接进行调用了像现在流行的jquery 就是里面定义了许多的方法就比如： function aa（){ //写一个函数 var obj=this；//这里获取当前操作的对象，也就是下面调用时的id="btn"的元素。

在这里进行实现某些功能 } 然后在调用它的时候 function clicks(){ document.getElementById("btn").aa(); }。

2.JavaScript安装某个安全控件的语句是怎么写的

自动安装，就像FLASH控件，在没有装的时候会自己弹出提示进行下载安装。

这个是写在 object 标签里的，安装文件打成CAB包，地址加在object的codebase里，如FLASH的标签：

6.jsp中怎样使用js控件

你直接在JSP页面上引那个JS控件然后在你要引用的地方写个onclick事件调用.比如看下面代码片段：缴存管理<meta ; charset=UTF-8"><link rel="stylesheet" href="<%=path%>/css/index.css" type="text/css"><script type="text/javascript">var s1="";var s2="";function executeAjax() { var queryString = "monthpayTaFindAAC.do?"; var id = document.monthpayJYAF.elements["orgid"].value.trim(); if(isNaN(id)){ alert（"请输入正确格式的编号！"）； document.monthpayJYAF.elements["orgid"].value=""; document.monthpayJYAF.elements["orgid"].focus(); return false; } if(id == ""){ gotoOrg("2"); }else{-------------------------------------------common.js是项目中的js，这里用的是相对路径引入，------------------------------------------- 单位编号 "> --------------------------------------------上面是个文本框，onclick js中的executeAjax这个方法.大体方法是这么用，至于你的在文本框中显示日期，要具体问题具体去分析解决了，我以前一个项目里有你这个功能，但不是我做的，现在一时找不出来了.抱歉.。

js怎么写控件

行内js怎么写

1.Js怎么写能控制单元格不可修改

原生 javascript 示例（表格+input ）:

	A	B	C	D
1
2
3

。

2.怎么将input内的行内样式改成全局样式或者全部写在js内有同样的效果

<!DOCTYPE html>

<html>

<head>

function action1(){

document.getElementById("dv").style.width="200px";

}

function action2(){

document.getElementById("dv").style.width="100px";

}

</script>

</head>

<style>

.a{

width:100px;

height:100px;

background-color:red;

}

</style>

<body>

</div>

</body>

</html>

行内js怎么写

js中7次方怎么写

1.在JS中,2的4次方如何计算

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html的<script>；标签中，再输入js代码：var a = Math.pow(2, 4);document.body.innerText = a;。

3、浏览器运行index.html页面，此时会打印出js对2的4次方的计算结果。

js中7次方怎么写

js怎么写动画

1.JS 怎么动态设置CSS3动画的样式

引入jquery

然后给你要设置动画的对象增加或者删除css3动画的类就可以了。

如我这里用colorchange这个渐变类在css里面写好动画效果以后在js里面给对象添加上就可以实现动画了

<!DOCTYPE html>

<html>

body{

padding: 20px;

background-color:#FFF;

}

.colorchange

{

animation:myfirst 5s;

-moz-animation:myfirst 5s; /* Firefox */

-webkit-animation:myfirst 5s; /* Safari and Chrome */

-o-animation:myfirst 5s; /* Opera */

}

@keyframes myfirst

{

from {background:red;}

to {background:yellow;}

}

@-moz-keyframes myfirst /* Firefox */

{

from {background:red;}

to {background:yellow;}

}

@-webkit-keyframes myfirst /* Safari and Chrome */

{

from {background:red;}

to {background:yellow;}

}

@-o-keyframes myfirst /* Opera */

{

from {background:red;}

to {background:yellow;}

}

#main{

width:100px;

height:100px;

background:red;

}

#cgbt{

width: 100px;

margin: 20px 0 0 0;

text-align: center;

cursor: pointer;

}

#cgbt:hover{

background-color: #2D93CA;

}

</style>

</head>

<body>

我会变么？

</div>

点我让上面的变颜色

</div>

$(document).ready(function(){

$("#cgbt").click(function(){

$("#main").attr("class","colorchange");

});

</script>

</body>

</html>

2.怎么用JS现实网页上的动画效果

掌握canvas的基本就很容易做这些，但是如果你要制作更加复杂的东西，你需要高级编译语言像Paper.js

Paper.js 是一个 JavaScript库用来制作绘图和动画，一种Adobe Illustrator使用的基于Scriptographer的脚本语言 . 它自称是“矢量图脚本语言中的瑞士军刀”（ “The Swiss Army Knife of Vector Graphics Scripting，” ），其中重点突出矢量。

图形制作中有两种：矢量图和栅格图。栅格图就像你照相机拍出来的图片，如果你放大看，就是颜色填充的方格。矢量图是有点连线组成的。他们是不同的线条租和形状组，根据不同的指令绘图。如果用矢量图，如图，这个Z放大后还是线条光滑，色泽饱满。相比较，左边的栅格图就很模糊了。矢量图库用于动画制作再完美不过，因为调解大小，旋转，和移动都非常容易操作完成，且快捷，因为同样的效果他们所需要使用的编译代码少。（参见样本代码）

3.js怎么做一个div宽度变化的动画

var i = 100;

var text = document.getElementById("text");

function test() {

var div = text.parentNode； //取得id=objID对象的父节点

var width = div.offsetWidth； //取得元素宽度

if (i < 1001) {//如果小于1000的话就把div宽度+1

i++;

div.style.width = i + "px";

};

//test("text");

text.onclick = function（){//点击执行

//不断执行div宽度+1

setInterval('test()',5);

}

</script>；你的问题在于用了for循环了，应该用定时器~

希望我的回答能帮到你哈，有问题可以追问，觉得好就点个赞，有用就采纳！

js怎么写动画

js里怎么写样式

1.初学JS,各位高手,js开始的css怎么写

你到底要问的是js，还是css

思路要清楚！

js初始化：

//开始

</script>

css分三种一种是用Style直接作用在Dom元素上. 二种是定义在页面<head></head>；这间

三种是封装XXX.css页面引用！！

不懂再百度下！！基础很重要..练习是王道！

2.css在js里面怎么连写

要在JS中修改样式，可以这样： var dom = document.getElementById('abc');dom.style.padding = '8px'； //必须提供字符串，数字+单位，不能直接写数字dom.style.margin = '0 auto';dom.style.backgroundColor = '#0F0'; //CSS属性中的background-color之类有连字符的，去掉连字符，采用驼峰式，首字母小写，后面所有单词首字母大写//浏览器特有属性：dom.style.webkitAppearance = 'button'； //对应-webkit-appearance属性。

3.怎么在js中给文本框添加CSS样式

在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。

操作样式分为改变直接样式，改变className和改变cssText三种一、局部改变样式调用方法：改变className测试改变直接样式测试二、全局改变样式可以通过改变外链样式的的href的值实现网页样式的实时切换<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /> 点我改变样式。

4.css在js里面怎么连写

要在JS中修改样式，可以这样：

var dom = document.getElementById('abc');

dom.style.padding = '8px'； //必须提供字符串，数字+单位，不能直接写数字

dom.style.margin = '0 auto';

dom.style.backgroundColor = '#0F0'; //CSS属性中的background-color之类有连字符的，去掉连字符，采用驼峰式，首字母小写，后面所有单词首字母大写

//浏览器特有属性：

dom.style.webkitAppearance = 'button'； //对应-webkit-appearance属性

5.怎么用JS在DIV里写点带样式的汉字

6.在js中给a标签写划过的样式怎么写

定义Id

<a id="abc" href="">aaaaa</a>

js 代码赋css样式

document.getElementById("abc").className = "cssysb";

document.getElementById("abc").className = "cssysb2";

在css定义

.cssysb{font-size:12px;}

.cssysb2{font-size:14px;}

7.JS如何调用CSS样式表呢

举例1:

鼠标经过样式表变化可用于颜色变化等举例2：用户名：鼠标点击样式表变化或者单独写一个javascript函数举例3:啊哈哈哈哈。

js里怎么写样式

js里怎么写php

1. js方法中可以写php代码么

可以的，但是文件是php文件格式，或者有相关替换执行机制才可以。

示例：test.php<?php$name="百度知道 "；?>JS PHP 测试<body>。

2. 这个js代码,怎么写

楼主的意思是想把php的k1变量做js的参数传到js的那个函数里面去吗，如果是这样的话，修改这行代码：

<div id="div1" onclick="dianji('<?php echo $k1 ?>')"> <?php echo $k1 ?> </div> //2.把k1传递给js代码，这里开始出问题。

还有， js里面的变量和php里面的变量，虽然变量名称一样，但也是2类不同的变量，毫无关系，不能混用

js里怎么写php

js控件怎么写

1. jsp中怎样使用js控件

2. JS判断控件的类型的代码怎么写呢

html xmlns= headtitle标题页-学无忧（）/titlescript LANGUAGE=JavaScriptfunction test(frmObj){ //考虑到input有多种类型，所以还需要判断type属性 if(frmObj.tagName==INPUT) alert（您操作的控件类型是：+ frmObj.type） ; else alert（您操作的控件类型是：+ frmObj.tagName）;}/script/headbodyinput type=text name=txt1 value=this is test! onchange=test(this)input type=button value=判断 onClick=test(this)/body/html.。

3. JavaScript安装某个安全控件的语句是怎么写的

自动安装，就像FLASH控件，在没有装的时候会自己弹出提示进行下载安装。

这个是写在 object 标签里的，安装文件打成CAB包，地址加在object的codebase里，如FLASH的标签：

WIDTH="550" HEIGHT="400" >

<EMBED src="/support/flash/ts/documents/myFlashMovie.swf" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400"

NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"

PLUGINSPAGE="/go/getflashplayer">

</EMBED>

</OBJECT>

这样就会自动检测。

JS一般只是检测某个控件是否已安装，未安装的时候可以提示用户去下载安装，如以下代码可以检测某个控件是否安装，若未安装会返回false，然后你可以引导用户去下载和安装你的控件：

function CheckActiveX()

{

try

{

var obj = new ActiveXObject("yourobjectid");

}catch(e){

return false;

}

return true;

}

4. 如何用js实现根据某个控件的值控制另一个控件是否可写

您好，不知道您用的是什么软件，我用的是FineReport报表，问题可以这样解决的：由于业务流程需要，在填报时填报控件比如下拉框、日期控件，并不是真正控件而只是可以输入的一个文本域，因此无法通过控件名调用控件的属性如disable属性，但是可以编辑的控件都会有一个editor属性，去掉这个属性，AG39：单选按钮组，事件编辑-状态改变：

5. js控件中如何写一个函数,当点击网页时关闭控件

if (document.body.attachEvent) {//IE document.attachEvent("onclick", function （) { //这里加入判断关闭代码比如我的（_this是一个类的实例） if (_this.divObj.style.display != "none" && window.event.srcElement.id != _this.divObj.id && window.event.srcElement.id != _this.inputObj.id && window.event.srcElement.id != _this.buttonObj.id) { _this.divObj.style.display = "none"; } }); } else if (document.body.addEventListener) {//FF document.addEventListener("click", function （) { //这里加入判断关闭代码比如我的（_this是我写的一个类的实例） if (_this.divObj.style.display != "none" && window.event.srcElement.id != _this.divObj.id && window.event.srcElement.id != _this.inputObj.id && window.event.srcElement.id != _this.buttonObj.id) { _this.divObj.style.display = "none"; } }); }。

6. 请问如何用js实现根据某个控件的值控制另一个控件是否可写

我现在是这样做的，感觉效果不太理想：AG39：单选按钮组，事件编辑-状态改变：var curLGP = contentPane.curLGP; var p1=curLGP.getCellValue("AG39"); var p2=curLGP.getCellValue("AG40"); if(p1=="无"){ curLGP.setCellValue("AG40", null, ""); curLGP.displayTDCell($("#AG40-0"), ""); }AG40：文本控件，事件编辑-编辑前： var curLGP= contentPane.curLGP;var p1=curLGP.getCellValue("AG39"); var p2=curLGP.getCellValue("AG40"); if(p1=="无"){this.invisible();}else{this.visible（)；}现在的问题是：一、虽然实现了第一个单选按钮组控件选“无”时，第二个文本控件不能编辑。

但是日期控件怎么办。

..事件编辑里没有“编辑前”这一项。..其它控件也没法。

.二、本来第一段js是想实现当单选按钮组选"无"时，清空第二个文本控件中的值。

但是在操作中，必须双击“无”选项才能触发清空的js。..如果第一个控件是文本控件，直接输入"无"则不会有这种问题。

..请问有办法可以让单击也能触发清空的js吗。.请各位大大不吝赐教……。

js控件怎么写

js的正则表达式怎么写

1. 请问这段正则表达式要怎么写,js的

。

2. js 不能为空的正则表达式怎么写

1.var reg = /\S/;

2.reg.test($("value").val());

js正则表达式的使用详解

定义正则表达式

在js中定义正则表达式很简单，有两种方式，一种是通过构造函数，一种是通过//，也就是两个斜杠。

使用构造函数定义正则表达式，注意大小写，负责就会不起作用。由于构造函数的参数是一个字符串，也可以是两个斜杠的方式定义，遇到一些特殊字符就需要使用\进行转义。

通过双斜杠的方式定义同样的正则表达式。

可以和构造函数达到同样的效果，但仔细分析，发现，通过构造函数需要更多的转义字符\。

js的正则表达式怎么写

js怎么写验证码

1. JS怎样写验证码

个人感觉js验证码没什么用，不过既然进来了，就留个言好了，顺便附上代码如下： <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 1/DTD/xhtml1-transitional.dtd"> 无标题页 <style type="text/css"> .code { background-image:url(../test2/code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged { border:0; } </style> <body onl oad="createCode()">。

2. 如何用html,css,js写验证码

验证码介绍：

验证码是程序生成的，具备防灌水，防软件自动识别的功能；有关到操作、查询数据库、安全等时，先判断用户输入的验证码是不是和程序生成的一致性。

1. 生成：是数字/字母/汉字/英文的随机组合，将此组合更新保存在session中；

2. 生成干扰线条（是为增加识别难度，防机器自动识别）；

3. 将验证组合与干扰先合成生成真正的图片；

4. 当需要做防伪验证时，就会从session中读取验证组合，与用户输入的验证码对比；

5. 不一致将返回操作，而保证数据安全。

总结：

楼上说 js随机数+css 生成，完全错误。在程序使用范围类是没有任何用处的。

3. 怎么样用js 写验证

<html>

<head>

function test()

{

var aa=document.getElementById("test").value;

if(aa==null||aa=="")

document.getElementById("haha").innerHTML="用户名不能为空"；

}

</script>

</head>

<body>

用户名 <input type="text" id="test" onblur="test()"><div id="haha"></div>

</body>

</html>

4. javascript表单验证码怎么写

我来举个例子，很简单的<！DOCTYPE html><meta charset="UTF-8">Insert title here<body> 。

5. js怎么写表单验证

1. 长度限制2. 只能是汉字3.” 只能是英文4. 只能是数字5. 只能是英文字符和数字6. 验证邮箱格式7. 屏蔽关键字（这里屏蔽***和****）8. 两次输入密码是否相同够了吧：）屏蔽右键很酷oncontextmenu=”return false” ondragstart=”return false” onselectstart=”return false”加在body中二2.1 表单项不能为空2.2 比较两个表单项的值是否相同2.3 表单项只能为数字和”_”，用于电话/银行帐号验证上，可扩展到域名注册等2.4 表单项输入数值/长度限定2.5 中文/英文/数字/邮件地址合法性判断<script LANGUAGE=”。

6. 可以在javascript中做验证码是嘛

getElementById 意思是通过id 名来获取对象。比如你页面上有一个id 名为aaa的div，那么document.getElementById('aaa')就是“选中”这个div，然后接下来你就可以对这个选中的div 进行进一步的操作了。

js 做验证码从未试过，估计得用到第三方的图形插件或者flash. 因为你得根据随机生成的验证码生成一张图片。而且在前端生成的东西一般来说安全性都是个问题，因为你的脚本都到客户端浏览器上去了，别人稍微做点手脚就可以获取你的源码。一般都是在中间层程序里做，比如JAVA。或者在服务器端运行的脚本。

js怎么写验证码

js轮播怎么写

1. 新手 , 求大神给写一段Js轮播效果 , 加解释更好

直接给你JS代码吧，HTML自己写$（document）.ready(function(){ var arr = new Array(); arr[0] = document.getElementById("to1").style.src="images/001.png"; arr[1] = document.getElementById("to2").style.src="images/002.png"; arr[2] = document.getElementById("to3").style.src="images/003.png"; arr[3] = document.getElementById("to4").style.src="images/004.png"; var curIndex = 0； //定义开始索引 setInterval(changeImg,1000)； //设定轮播，间隔时间function changeImg() { var obj = document.getElementById("bei")； //获得所要设置的元素 if (curIndex == arr.length - 1) { curIndex = 0; } else { curIndex += 1; } obj.style.background = "url(" + arr[curIndex] + ")"；//设置获得元素的背景图片 } }）；原理就是把要轮播图片的路径设为一个集合，然后用遍历集合的方式把图片一个一个的显示出来。

还有好多轮播的方法，这个比较简单，HTML代码自己写吧，不难。

2. 简单的HTML+js图片轮播

h5代码：

</ul>

</div>

css代码：

@-webkit-keyframes move{

0%{left:-500px;}

100%{left:0;}

}

#wrap{width:600px;height:130px;border:1px solid #000;position:relative;margin:100px auto;

overflow: hidden;}

#list{position:absolute;left:0;top:0;padding:0;margin:0;

-webkit-animation:5s move infinite linear;width:200%;}

#list li{list-style:none;width:120px;height:130px;border:1px solid red;background: pink;

color:#fff;text-align: center;float:left;font:normal 50px/2.5em '微软雅黑'；}

#wrap:hover #list{-webkit-animation-play-state:paused;}

</style>

扩展资料：

轮播图就是一种网站在介绍自己的主打产品或重要信息的传播方式。说的简单点就是将承载着重要信息的几张图片，在网页的某一部位进行轮流的呈现，从而做到让浏览者很快的了解到网站想要表达的主要信息。以及各种新闻网站的头版头条都是用这种方式呈现的重要信息。

轮播图的实现方式：例如：有5张轮播的图片，每张图片的宽度为1024px、高度为512px.那么轮播的窗口大小就应该为一张图片的尺寸，即为：1024*512。之后将这5张图片0px水平相接组成一张宽度为：5120px，高度依然为：512px。最后将这张合成后的大图每次向左移动1024px即可实现轮播图。

3. 用jquery实现图片轮播怎么写呢求指教

*{ margin: 0; padding: 0; } ul{ list-style:none; } .slideShow{ width: 620px; height: 700px； /*其实就是图片的高度*/ border: 1px #eeeeee solid; margin: 100px auto; position: relative; overflow: hidden； /*此处需要将溢出框架的图片部分隐藏*/ } .slideShow ul{ width: 2500px; position: relative； /*此处需注意relative ：对象不可层叠，但将依据left,right,top,bottom等属性在正常文档流中偏移位置，如果没有这个属性，图片将不可左右移动*/ } .slideShow ul li{ float: left； /*让四张图片左浮动，形成并排的横着布局，方便点击按钮时的左移动*/ width: 620px; } .slideShow .showNav{ /*用绝对定位给数字按钮进行布局*/ position: absolute; right: 10px; bottom: 5px; text-align:center; font-size: 12px; line-height: 20px; } .slideShow .showNav span{ cursor: pointer; display: block; float: left; width: 20px; height: 20px; background: #ff5a28; margin-left: 2px; color: #fff; } .slideShow .showNav .active{ background: #b63e1a; } js代码规范：主体代码：[html] view plain copy print?<body> <！--图片布局开始--> <！--图片布局结束--> <！--按钮布局开始--> 1 2 3 4 <！--按钮布局结束--> 。

4. jquery图片轮播代码

最低0.27元开通文库会员，查看完整内容> 原发布者：赵一鸣 Html、js图片轮播代码现在基本上每个网站都有一个自动轮播的banner广告图，在没有任何按钮的情况下，图片在规定的时间内进行自动切换。

下面是html、js图片轮播代码详情。代码效果图实例：第一秒：第二秒：第三秒：详细代码如下：Html代码部分： 1.jpg">2.jpg">3.jpg">Css代码部分：css">ul,li{margin:0px;padding:0px}li{list-style:none}.banner{width:630px;height:250px;margin:100pxauto;overflow:hidden;cursor:pointer}Javascript代码部分：javascript"src="jquery.js">javascript">$(function(){vartimer=setInterval(function(){if($(".bannerli:last").is(":hidden")){$(".bannerli:visible").addClass("on");$(".bannerli[class=on]").next().fadeIn("slow");$(".bannerli[class=on]").hide().removeClass("on");}else{$(".bannerli:last").hide();$(".bannerli:first").fadeIn("slow");}},2000)$(".bannerli").hover(function(){clear。

5. js原生代码实现轮播图

- 1
- 2
- 3
- 4
- 5 。
  
  6. 怎么用js做一个简单的轮播图
  
  obj1.onmouseover = function () {
  clearInterval(time);
  }
  obj1.onmouseout = function () {
  time = setInterval("turn();", 6000);
  }
  for (var num = 0; num < obj2.length; num++) {
  obj2[num].onmouseover = function () {
  turn(this.innerHTML);
  clearInterval(time);
  }
  obj2[num].onmouseout = function () {
  time = setInterval("turn();", 6000);
  }
  }
  
  7. jquery简单自动轮播图代码怎么写
  
  html部分 this is the page一 this is the page二 this is the page三 this is the page四 css部分 *{ padding: 0; margin: 0; } html,body{ height：一00%; } #container { width：一00%; height: 500px; overflow: hidden; } .sections,.section { height：一00%; } #container,.sections { position: relative; } .section { background-color: #000; background-size: cover; background-position: 50% 50%; text-align: center; color: white; } #section0 { background-image: url('images/一.jpg'); } #section一 { background-image: url('images/二.jpg'); } #section二 { background-image: url('images/三.jpg'); } #section三 { background-image: url('images/四.jpg'); } .pages li{list-style-type:none;width：一0px;height：一0px;border-radius：一0px;background-color:white}.pages li:hover{box-shadow:0 0 5px 二px white}.pages li.active{background-color:orange;box-shadow:0 0 5px 二px orange}.pages{position:absolute;z-index:999}.pages.horizontal{left:50%;transform:translateX(-50%);bottom:5px}.pages.horizontal li{display:inline-block;margin-right：一0px}.pages.horizontal li:last-child{margin-right:0}.pages.vertical{right:5px;top:50%;transform:translateY(-50%)}.pages.vertical li{margin-bottom：一0px}.pages.vertical li:last-child{margin-bottom:0} JS部分 jquery-一.一一.0.min.js" type="text/javascript"> //引入pageSwitch.min.js 如。
  
  8. HTML图片轮播代码怎么写
  
  (1)<div id="butong_net_left" style="overflow:hidden;width:1000px。
  (2)"> <table cellpadding="0" cellspacing="0" border="0"> <tr><td id="butong_net_left1" valign="top" align="center"> <table cellpadding="2" cellspacing="0" border="0"> <tr align="center">
  一、数字键控制代码：
  (1) <div style="position:relative; top:-50px。(2)left:240px;"> <a href="javascript:show(1)"><span id="I1" style="width:18px; text-align:left。(3)background:gray">1</span></a> <a href="javascript:show(2)"><span id="I2" style="width:18px。
  (4)text-align:left;background-color:gray">2</span></a> <a href="javascript:show(3)"><span id="I3" style="width:18px;text-align:left。
  (5)background-color:gray">3</span></a>
  
  9. 手机app滑动轮播原生js怎么写
  
  下面是提供的一个demo: 1、html <meta charset="utf-8"/><meta , body{ font-size:9px; }}@media screen and (min-width:320px) { html, body{ font-size:12px; }}@media screen and (min-width:480px) { html, body{ font-size:18px; }}@media screen and (min-width:640px) { html, body{ font-size:24px; }}@media screen and (min-width:960px) { html, body{ font-size:36px; }}div.imgbox{width:25rem;height:16.5rem;overflow:hidden;margin:0 auto;}div.imgbox ul{clear:both;width:75rem;}div.imgbox ul li{float:left;width:25rem;height:16.5rem;overflow:hidden;text-align:center;}div.imgbox ul li img{width:24rem;height:16.5rem;}#page{color:red;}</style><body> 这里通过回调显示当前滚动到多少页：0 2、核心滑动脚本代码（function（$){/* 图片滚动效果 add 2014-05-14 by js明哥哥博客地址：/u/huzhiming/ @jQuery or @String box ：滚动列表jQuery对象或者选择器如：滚动元素为li的外层ul @object config : { @Number width ：一次滚动宽度，默认为box里面第一个一级子元素宽度[如果子元素宽度不均匀则滚动效果会错乱] @Number size ：列表长度，默认为box里面所有一级子元素个数[如果size不等于一级子元素个数，则不支持循环滚动] @Boolean loop ：是否支持循环滚动默认 true @Boolean auto ：是否自动滚动，支持自动滚动时必须支持循环滚动，否则设置无效，默认为true @Number auto_wait_time ：自动轮播一次时间间隔，默认为：3000ms @Function callback ：滚动完回调函数，参入一个参数当前滚动节点索引值 }*/function mggScrollImg(box,config){ this.box = $(box); this.config = $.extend({},config||{}); this.width = this.config.width||this.box.children().eq(0).width（)；//一次滚动的宽度 this.size = this.config.size||this.box.children().length; this.loop = this.config.loop||true；//默认能循环滚动 this.auto = this.config.auto||true；//默认自动滚动 this.auto_wait_time = this.config.auto_wait_time||3000；//轮播间隔 this.scroll_time = 300；//滚动时长 this.minleft = -this.width*(this.size-1)；//最小left值，注意是负数[不循环情况下的值] this.maxleft =0；//最大lfet值[不循环情况下的值] this.now_left = 0；//初始位置信息[不循环情况下的值] this.point_x = null；//记录一个x坐标 this.point_y = null；//记录一个y坐标 this.move_left = false；//记录向哪边滑动 this.index = 0; this.busy = false; this.timer; this.init();}$.extend(mggScrollImg.prototype,{ init : function(){ this.bind_event(); this.init_loop(); this.auto_scroll(); }, bind_event : function(){ var self = this; self.box.bind('touchstart',function(e){ if(e.touches.length==1 && !self.busy){ self.point_x = e.touches[0].screenX; self.point_y = e.touches[0].screenY; } }).bind('touchmove',function(e){ if(e.touches.length==1 && !self.busy){ return self.move(e.touches[0].screenX,e.touches[0].screenY)；//这里根据返回值觉得是否阻止默认touch事件 } }）.bind('touchend',function(e){ !self.busy && self.move_end（)； }）； }， /* 初始化循环滚动，当一次性需要。
  
  转载请注明出处育才学习网 » js中的正则表达式怎么写