本文目录一览:
- 1、使用JS函数简化代码
- 2、写的一段很简单的js代码,有些不能理解的地方,麻烦各位大侠给我指点指点,谢谢哈!
- 3、请大神帮忙 给解释下一段JS代码???
- 4、急!急!急!求一段简单的JS代码
- 5、谁帮我写段js代码,实现单击文字来回切换内容。
- 6、一段JS代码 有不懂的地方请各位大侠解答!!
使用JS函数简化代码
建议用jquery 一次性绑定事件 回调函数中再通过对象的index改变相应的背景图,代码会精简很多
script src=""/script
script
$(function() {
$("#myUl li").on("mouseover", function () {
$(this).addClass("current")
.css("background-image", "url(img/0" + ($(this).index() + 1) + "big.jpg)");
}).on("mouseout", function () {
$(this).removeClass("current")
.css("background-image", "url(img/0" + ($(this).index() + 1) + ".jpg)");
})
})
/script
写的一段很简单的js代码,有些不能理解的地方,麻烦各位大侠给我指点指点,谢谢哈!
上面的代码因为count=8没有被改变,8=20一直成立,,出现死循环
请大神帮忙 给解释下一段JS代码???
/**
* SendCode Plugin
*/
//发送验证码插件开始
//匿名函数执行
!function () {
"use strict";//要求严格语法
//声明SendCode对象并初始化参数
function SendCode (element, options) {
this.$btn = $(element);//获取按钮元素
//合并多个参数 初始化参数(用于外部传递参数覆盖默认参数)
this.options = $.extend({}, SendCode.DEFAULTS, options || {});
}
//控件开放的参数默认值
SendCode.DEFAULTS = {
run: false, // 是否自动倒计时
secs: 60, // 倒计时时长(秒)
disClass: '', // 禁用按钮样式
runStr: '{%s}秒后重新获取', // 倒计时显示文本
resetStr: '重新获取验证码' // 倒计时结束后按钮显示文本
};
//全局计时器变量,清除用
SendCode.timer = null;
/**
* 开始倒计时
*/
SendCode.prototype.start = function () {
var _this = this,
options = _this.options,
secs = options.secs;
_this.$btn.html(_this.getStr(secs)).css('pointer-events', 'none').addClass(options.disClass);
_this.timer = setInterval(function () {
secs--;
_this.$btn.html(_this.getStr(secs));
if (secs = 0) {
_this.resetBtn();
clearInterval(_this.timer);
}
}, 1000);
};
/**
* 获取倒计时显示文本
* @param secs
* @returns {string}
*/
SendCode.prototype.getStr = function (secs) {
return this.options.runStr.replace(/\{([^{]*?)%s(.*?)\}/g, secs);
};
/**
* 重置按钮
*/
SendCode.prototype.resetBtn = function () {
var _this = this,
options = _this.options;
_this.$btn.html(options.resetStr).css('pointer-events', 'auto').removeClass(options.disClass);
};
//jQuery 插件扩展方法
function Plugin (option) {
/*主要用于控件二次调用,比如$('div').sendCode('getStr ',120); 这个时候,第一个参数只是方法名,第二个参数才是option,所以,下面这句代码的意义就是取到第二个参数。其实就是变相将sendcode内部方法外露出去
*/
var args = Array.prototype.slice.call(arguments, 1);
/*留意最下面一行代码,$.fn.sendCode = Plugin;此代码的意义是在jQuery控件库扩展了一个叫sendCode的控件,调用方法为$('div').sendCode({secs:120}); 那么此时Plugin
的内置对象this为$('div')是一个数组,所以要循环生成控件。这样做法是为了满足调用方在页面上一次生成多个控件。
*/
return this.each(function () {
var $this = $(this),//单个元素
sendcode = $this.data('ydui.sendcode');//获取保存在元素上的SendCode对象
//如果元素上没有保存过对象,那么初始化SendCode对象并保存到元素上
if (!sendcode) {
$this.data('ydui.sendcode', (sendcode = new SendCode(this, option)));
//如果option参数是对象,那么直接启动控件
if (typeof option == 'object' option.run) {
sendcode.start();
}
}
//这里就是上面说的二次调用,$('div').sendCode('run');这个时候的option='run'
if (typeof option == 'string') {
sendcode[option] sendcode[option].apply(sendcode, args);
}
});
}
//将控件扩展到jQuery
$.fn.sendCode = Plugin;
}();
这个就是发送验证码时,按钮文本变化的一个小控件,核心代码已添加注释,有问题再联系,望采纳。
急!急!急!求一段简单的JS代码
不知道你说的是不是将div显示隐藏。
如果是的话,你可以将div给个style="display:none;"的属性把两个div隐藏起来。
然后在某个控件上给个触发事件如:onclick="show()"调用js。
js里的function show()就写
docuement.getElementById("g1").style.display="block";就能实现了。
谁帮我写段js代码,实现单击文字来回切换内容。
div id="name" onClick="switch()" onMouseOver="alt()"name
script
var name="name";
var id="id";
var uid="uid";
function switch(){
//如果div id为name显示name的值,否则显示id的值
if(this.id == name){
alert(ture)
}
}
function alt(){
//实现alt标签类似的功能,显示的内容为id的值
this.innerHTML = this.id
}
/script
一段JS代码 有不懂的地方请各位大侠解答!!
function f里面的arguments[0]是调用f()时传入的值,
ar _this = arguments[0] || this;这句里面 arguments[0]是调用toUnicode()传入的值
两码事 不一样的。
你上面的f()没传参数 所以应该是undefined,arguments[0].charCodeAt(0)会报错
每个函数都有自己的执行环境 ,自己的arguments对象。不过可以访问父执行环境中的变量,即toUnicode里面的_this