#Javascript实用效果整理

轮播图效果

没有鼠标事件时,图片一张一张切换显示,下面有相应的图片角标切换,当鼠标移到哪个角标上时,切换到那张图片上,不再切换,鼠标移出,再次切换。<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>...
代码星球 ·2020-04-05

js购物时的放大镜效果

首先需要两张一样的图片,一张大图,一张小图,大图显示,当鼠标移入时,小图上出现一个滑块,可以滑动,大图也跟着显示,大图的显示区域和小图一样,当滑块滑到不同的位置,大图显示不同的区域,当鼠标移出时,滑块和大图都隐藏。<!doctypehtml><htmllang="en"><head>...
代码星球 ·2020-04-05

javascript动态创建script标签,加载完成后调用回调

代码如下:varhead=document.getElementsByTagName('head')[0];varscript=document.createElement('script');script.type='text/javascript';script.charset='GBK';script.onloa...

javascript的toString深入探究

toString()方法是所有对象都有的一个方法,无论是字符串,数组,对象,都可以调用这个方法,但是,事实上,他们调用的并不是同一个函数哦!看下面的代码:varstr='123';console.log(Object.prototype.toString===str.toString);//falseconsole.l...

angular学习笔记(六)-非入侵式javascript

这篇主要讲解非入侵式javascript.在传统的前端开发中,把js写在html中,称为入侵式的javascript:<spanid="select_area"onclick="..."</span>这种做法由于没有把视图和行为分离,而且不易于维护管理,所以已经被淘汰掉.但是,angular通过改进,...

javascript高级:原型与继承

原型继承的本质就是一条原型链,对象会沿着这条链,访问链里的方法属性.对象的__proto__属性就是用于访问它的原型链的上一层:考虑以下对象:1.所有对象的原型:Object.prototype2.所有函数的原型:Function.ptototype3.函数的构造函数:Function4.对象的构造函数:Object5...

javascript原型继承---constructor篇

很多人对constructor的理解是指向对象的构造函数,今天才发现这种理解是有偏差的...其实,constructor指向的不是实例化实例的构造函数,而是实例化该对象的构造函数的原型的构造函数以这个实例为例,p.constructor指向的是Person.prototype的构造函数<scripttype="t...

javascript原生bind方法ie低版本兼容详解

上一篇文章讲到了javascript原生的bind方法: http://www.cnblogs.com/liulangmao/p/3451669.html 这篇文章就在理解了原生bind方法的原理以后,自己写一个原型bind方法,来兼容ie低版本浏览器: bind方法一共做了三件事:1.改...

javascript原生bind方法详解

bind()方法,是javascript原生的函数类的一个原型方法(即Function.prototype里的方法),不支持ie低版本. 基本格式:function.bind(obj1,obj2,obj3...);其中,function是一个方法属性obj1是执行此方法的this上下文obj2及之后的参数,是...

用原生javascript写出jquery中slideUp和slideDown效果

设置块级元素的CSS属性overflow为hidden,然后动态改变height即可 varheader=document.getElementsByTagName('header')[0];header.style.transition='height500ms';header.style.overflow...

完善mui的tap及longtap点击效果

以下为原版效果:以下为我们改版的效果:希望你们能看出差别,很细小,但更适合我们的需要。就是选中背景色的问题,官方的是点一下背景色就没有了,我们的是选中一直存在。 ...

javascript中new Date()的浏览器兼容性问题

正确的做法:[html]var time1 = (timestart+' 00:00:00').toString();  var time2 = (timeend+' 23:59:59').toString();&nbs...

jquery 实现table的行列选中效果改进

行列都可以多选,也可对相应数据进行统计: 行选中效果列选中效果   ...

Markdown 语法整理大集合2017

简明教程:https://ouweiya.gitbooks.io/markdown/1.标题代码注:#后面保持空格#h1##h2###h3####h4#####h5######h6#######h7//错误代码########h8//错误代码#########h9//错误代码##########h10//错误代码演示h...

编写高质量 JavaScript -- 知识点小记

 一: 团队合作避免JS冲突脚本中的变量随时存在冲突的风险,1.  解决办法---用匿名函数将脚本包起来,让变量的作用域控制在匿名函数之内如: <scripttype="text/javascript">(function(){vara=123,b="121...
首页上一页...149150151152153...下一页尾页