当前位置: 首页 > 编程笔记 >

JS功能代码集锦

后安民
2023-03-14
本文向大家介绍JS功能代码集锦,包括了JS功能代码集锦的使用技巧和注意事项,需要的朋友参考一下

1.模仿fade in(),fade out().

原理:setInterval ( "opacity++透明度“函数,时间间隔)

var alpha = 0;
function play(){
timer = setInterval(function(){
alpha += 2;
alpha > 100 && (alpha = 100);
aImg[index].style.opacity = alpha / 100;
aImg[index].style.filter = "alpha(opacity = " + alpha/100 + ")";
alpha == 100 && clearInterval(timer);
},40)
}

2.获取和设置元素对象的属性值:

关键点:obj.currentStyle[attr] ; getComputedStyle(obj,null)[attr] ;

function css(obj,attr,val) {
switch(arguments.length) {
case 2:
if(typeof arguments[1] == "string"){
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr];
}else{
for(var i in attr) {
obj.style[i] = attr[i];
}
}
break;
case 3:
obj.style[attr] = val;
break;
default:
alert("错误参数");
}
}

以上所述是小编给大家介绍的JS功能代码集锦的相关内容,希望对大家有所帮助!

 类似资料:
  • 本文向大家介绍11行JS代码制作二维码生成功能,包括了11行JS代码制作二维码生成功能的使用技巧和注意事项,需要的朋友参考一下 HTML代码: 相关JS代码: 再给大家分享一下其他生成二维码的案例: 使用jquery.qrcode生成二维码 1、首先在页面中加入jquery库文件和qrcode插件 2、在页面中需要显示二维码的地方加入以下代码: 3、调用qrcode插件。支持canvas和tabl

  • 我目前正在开发一些地图应用程序,我想支持依赖HMS服务的华为手机。我已经设法实现了地图和标记,但我在地理编码坐标方面遇到了问题,使用google它的simple我们有,在HMS中我没有看到任何类似的东西,我一直在查看包,但看起来不应该使用这个包,我还看到他们确实有和,但在JS库中,android HMS地图库中没有这样的东西。

  • 本文向大家介绍基于JS实现checkbox全选功能实例代码,包括了基于JS实现checkbox全选功能实例代码的使用技巧和注意事项,需要的朋友参考一下 需求:要求实现点击全选选中所有菜单,再次点击全选取消选中。此功能经常会用户,下面小编给大家分享下实现代码,一起看看吧! 效果图如下: 点击全选之前: 点击全选之后: 再次点击全选之后: 代码如下: 以上所述是小编给大家介绍的基于JS实现checkb

  • 本文向大家介绍纯js实现无缝滚动功能代码实例,包括了纯js实现无缝滚动功能代码实例的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了纯js实现无缝滚动功能代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 HTML代码 CSS代码 JS代码 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍微信JS-SDK分享功能的.Net实现代码,包括了微信JS-SDK分享功能的.Net实现代码的使用技巧和注意事项,需要的朋友参考一下 JS-SDK接口是什么? 为了方便开发者实现微信内的网页(基于微信浏览器访问的网页)功能,比如拍照、选图、语音、位置等手机系统的能力,并方便开发者直接使用微信分享、扫一扫等微信特有的能力,微信推出了JS-SDK的整体开发包,供开发者方便使用。 分享功能

  • 本文向大家介绍js+canvas实现验证码功能,包括了js+canvas实现验证码功能的使用技巧和注意事项,需要的朋友参考一下 刚刚开始接触canvas,写个验证码小功能练练手,实现效果图如下: 主要代码如下: html css js 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。