当前位置: 编程技术>WEB前端
本页文章导读:
▪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>
<meta http-equiv="Conte.........
▪[转]dreamweaver cs6配置phonegap环境 准备：下载安装 dreamweaver cs6(如果已安装请跳过)下载安装Android SDK(如果已安装请跳过)下载最新的PhoneGap备用 1.安装dreamweaver cs6，网上有破解补丁，不过要注意可能有cpu占用50%的情况，那样.........
▪JS构造函数的重载和工厂方法 写在前面有时候我们希望对象的初始化有多种方式。比如通过元素组成的数组来初始化一个Set对象，而不是通过传入构造函数的参数列表来初始化它重载overload通过重载这个构造函数方法让它.........
[1]jquery 图片自动切换
来源: 互联网 发布时间: 2013-11-06
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JQUERY实现图片自动切换</title>
<style>
body{margin:0px; padding:0px; font-family:Arial}
ul{list-style:none;margin:0px;padding:0px}
.click_out{margin-left:5px; float:left; text-align:center; height:16px; line-height:16px; width:16px; background:#333; color:#FFF; font-weight:bold; font-size:12px; cursor:pointer;_display:inline-block; }
.click_over{margin-left:5px; float:left;text-align:center; height:16px; line-height:16px; width:16px; background:#820000; color:#FFF; font-weight:bold; font-size:12px; cursor:pointer; _display:inline-block; }
</style>
<script language="javascript" src=/blog_article/"/Script/jquery-1.4.4.min.js"></script>/index.html
</head>
<body>
<div style="height:230px; width:980px; background:#EBEBEB; position:relative" id="flash_outer">
<div style=" position:absolute; left:0px; top:0px; width:980px; height:230px; overflow:hidden" id="flash_pic">
<div style="width:980px; height:250px; background:url(/blog_article/flash_pic/1.jpg)"></div>
<div style="width:980px; height:250px; background:url(/blog_article/flash_pic/2.jpg)"></div>
<div style="width:980px; height:250px; background:url(/blog_article/flash_pic/3.jpg)"></div>
<div style="width:980px; height:250px; background:url(/blog_article/flash_pic/4.jpg)"></div>
</div>
<ul style="position:absolute; right:0px; bottom:0px; height:16px" id="flash_num">
<li class="click_over">1</li>
<li class="click_out">2</li>
<li class="click_out">3</li>
<li class="click_out">4</li>
</ul>
</div>
<script language="javascript">
$(document).ready(function()
{
var len=$("#flash_num>li").length;
var index=1;
var int;
function showSys(num) //图片切换函数
{
$("#flash_num>li").removeClass().addClass("click_out").eq(num).toggleClass("click_out").addClass("click_over");
$("#flash_pic>div").fadeOut().eq(num).fadeIn();
}
function ziDong() //自动切换
{
if(index==len)
{
index=0;
}
showSys(index);
index=index+1;
}
int=setInterval(ziDong,3000);
$("#flash_num>li").click(function(） //点击切换
{
var index_num=$("#flash_num>li").index(this);
showSys(index_num);
index=index_num+1; //改变全局变量的值，以便鼠标移开的时候能够衔接上
//$(".click_out").removeClass("click_over").eq(index).addClass("click_over");
//$(".click_out").eq(index).removeClass().addClass("click_over");
//alert(index);
});
$("#flash_outer").mouseover(function() //移动到上面时停止自动切换
{
clearInterval(int);
});
$("#flash_outer").mouseout(function() //移开时继续自动切换
{
int=setInterval(ziDong,3000);
});
});
</script>
</body>
</html>
作者：Tender001 发表于2013-3-20 16:22:15 原文链接
阅读：54 评论：0 查看评论
[2][转]dreamweaver cs6配置phonegap环境
准备：
下载安装 dreamweaver cs6(如果已安装请跳过)
下载安装Android SDK(如果已安装请跳过)
下载最新的PhoneGap备用
1.安装dreamweaver cs6，网上有破解补丁，不过要注意可能有cpu占用50%的情况，那样只能重新找补丁替换了。
2.最好将工作区设为‘移动应用程序’这时就会在左边看到phonegap面板，如果没有，菜单->站点->phonegap build服务->phonegap build配置,
选择自己安装的SDK位置，然后保存。
3.菜单->站点->新建站点，然后文件->新建->示例中的页->Mobile起始页->包含主题的jQueryMobile(本地)，然后保存文件到当前站点下，会提示复制相关文件。
4.当然如果不想用jquery mobile界面，自己可以新建个空白界面了，然后引入cordova-2.0.0.js就可以了，不过对于很多phonegap插件dw就无能为力了。
5.点击重新生成应用程序，会在线生成应用程序，如果网络不好的话，会很慢。
6.稍等片刻，生成完毕，运行。
7.选择或新建一个AVD，然后启动。
原文地址：http://www.mojifan.com/post/29.html
本文链接
[3]JS构造函数的重载和工厂方法
写在前面
有时候我们希望对象的初始化有多种方式。比如通过元素组成的数组来初始化一个Set对象，而不是通过传入构造函数的参数列表来初始化它
重载overload
通过重载这个构造函数方法让它根据传入参数的不同，来执行不同的初始化方法。
function Set() {
this.values = {}; // 用这个对象的属性保存这个集合
this.n = 0; // 集合中值的个数
// 如果传入一个类数组的对象，将这个元素添加到集合中
// 否则，将所有的参数都添加到集合中
if(arguments.length === 1 && isArrayLike(arguments[0])) {
this.add.apply(this, arguments[0]); //把对象利用apply()添加到集合中
}else if(arguments.length > 0) {
this.add.apply(this, arguments); // 利用add()方法添加所有参数到集合中
}
}
this.values = {}; // 用这个对象的属性保存这个集合
this.n = 0; // 集合中值的个数
// 如果传入一个类数组的对象，将这个元素添加到集合中
// 否则，将所有的参数都添加到集合中
if(arguments.length === 1 && isArrayLike(arguments[0])) {
this.add.apply(this, arguments[0]); //把对象利用apply()添加到集合中
}else if(arguments.length > 0) {
this.add.apply(this, arguments); // 利用add()方法添加所有参数到集合中
}
}
这段代码所定义的Set()构造函数可以显式将一组元素作为参数列表传入，也可以传入元素组成的数组。但这个构造函数有多义性，如果集合的某个参数是一个数组就将无法通过这个构造函数来创建这个集合了（为了做到这一点，需要首先创建一个空集合，然后显示调用add()方法）。
工厂方法
一个类的方法用于返回类的一个实例。
// 工厂方法通过数组初始化Set对象
Set.fromArray = function(arr) {
var s = new Set();
s.add.apply(s, arr);
return s;
};
Set.fromArray = function(arr) {
var s = new Set();
s.add.apply(s, arr);
return s;
};
不同名字的工厂方法用以执行不同的初始化。但由于构造函数是类的公有标识,因此每个类只能有一个构造函数。但这并不是一个必须遵守的规则。
辅助构造函数
通过以函数的形式调用Set()来初始化这个新对象
// 定义Set类型的一个辅助构造函数
function SetFromArray(arr) {
// 通过以函数的形式调用Set()来初始化这个新对象
// 将arr的元素作为参数传入
Set.apply(this, arr);
}
// 设置原型， 以便SetFromArray能创建Set实例
SetFromArray.prototype = Set.prototype;
function SetFromArray(arr) {
// 通过以函数的形式调用Set()来初始化这个新对象
// 将arr的元素作为参数传入
Set.apply(this, arr);
}
// 设置原型， 以便SetFromArray能创建Set实例
SetFromArray.prototype = Set.prototype;
JavaScript 没有做不到，只有想不到
本文链接
最新技术文章: