文章列表

js实现的简练高效拖拽功能示例

查看详情

本文实例讲述了js实现的简练高效拖拽功能。分享给大家供大家参考,具体如下:运行效果图如下:具体代码如下: demo aaaaaaaaaaa var odiv=document.getElementById("one"); dra(odiv); function dra(obj)...

分类: JavaScript技术 标签:

基于jPlayer三分屏的制作方法

查看详情

三分屏,这里的三分屏只是在一个播放器里同时播放三个视频,但是要求只有一个控制面板同时控制它们,要求它们共享一个时间轨道。这次只是简单的模拟了一下功能,并没有深入的研究。首先,需要下载jPlayer,jPlayer是一个JavaScript写的完全免费和开源的jQuery多媒体库插件,我觉得他最大的好处就...

分类: JavaScript技术 标签:

JS实现的系统调色板完整实例

查看详情

本文实例讲述了JS实现的系统调色板。分享给大家供大家参考,具体如下:运行效果图如下:整体页面代码: DW调色板 var ColorHex=new Array('00','33','66','99','CC','FF') var SpColorHex=new Array('FF0000','...

分类: JavaScript技术 标签:

js返回顶部实例分享

查看详情

话不多说,请看实例1、HTML结构2、css样式.return_top{ width: 50px; height: 50px; background: url(../images/lanren.gif) no-repeat center #FF8D16; position:fix...

分类: JavaScript技术 标签:

jQuery实现立体式数字动态增加(animate方法)

查看详情

1、HTML结构已有积分2、js $(document).ready(function() { $('.integral .ii').animateNumber({ number: 8526 },1500);//number就是目标数 }); 3、图片案例以上就是本文的全部内容,希望本文的...

分类: JavaScript技术 标签:

JS实现仿PS的调色板效果完整实例

查看详情

本文实例讲述了JS实现仿PS的调色板效果。分享给大家供大家参考,具体如下:运行效果图如下:完整实例代码: #colorpad table{ border-collapse:collapse; cellpadding:0; cellspacing:0; width:255px; h...

分类: JavaScript技术 标签:

如何实现星星评价(jquery.raty.js插件)

查看详情

1、引入jquery.js文件2、引入jquery.raty.js3、页面中放在这个:4.54、js:function star(obj,num){ $(obj).raty({ path: function() { return this.getAttribute('data-path')...

分类: JavaScript技术 标签:

jquery实现输入框实时输入触发事件代码

查看详情

话不多说,请看代码$('.aa').bind('input propertychange', function() { searchProductClassbyName(); }); function searchProductClassbyName() { 写函数内容 }以上就是本文的全部内容...

分类: JavaScript技术 标签:

jQuery延迟执行的实现方法

查看详情

本文实例讲述了jQuery延迟执行的实现方法。分享给大家供大家参考,具体如下:做一个控件时碰到的一些无法同步处理的事件,可以用这样的延迟方法。 $(function(){ $('#test').bind("click",function(){ setTimeout(function(){alert(...

分类: JavaScript技术 标签:

利用BootStrap的Carousel.js实现轮播图动画效果

查看详情

前期准备:1.jquery.js。2.bootstrap的carousel.js。3.bootstrap.css。一起来看代码吧:页面比较丑,希望大家不要介意哦嘻嘻效果图:html+js: my love-首页 首页 ...

分类: JavaScript技术 标签:

js实现的在线调色板功能完整实例

查看详情

本文实例讲述了js实现的在线调色板功能。分享给大家供大家参考,具体如下:运行效果图如下:完整实例代码如下: 网页特效 网页取色器 站长特效网欢迎您。 var HexCharacters="0123456789ABCDEF"; function HexValue(decimal) { re...

分类: JavaScript技术 标签:

简单实现Vue的observer和watcher

查看详情

非庖丁瞎解牛系列~ =。=在日常项目开发的时候,我们将js对象传给vue实例中的data选项,来作为其更新视图的基础,事实上是vue将会遍历它的属性,用Object.defineProperty 设置它们的 get/set,从而让 data 的属性能够响应数据变化:Object.defineProper...

分类: JavaScript技术 标签:

js querySelector() 使用方法

查看详情

querySelector 定义和用法querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。浏览器支持表格中的数字...

分类: JavaScript技术 标签:

JS实现的RGB网页颜色在线取色器完整实例

查看详情

本文实例讲述了JS实现的RGB网页颜色在线取色器。分享给大家供大家参考,具体如下:运行效果图如下:完整实例代码如下: RGB网页颜色在线取色器       颜色选择器 颜色: function wc(r, g, b, n) { r ...

分类: JavaScript技术 标签:

详解Nodejs基于mongoose模块的增删改查的操作

查看详情

MongoDBMongoDB是基于Javascript语言的数据库,存储格式是JSON,而Node也是基于JavaScript的环境(库),所以node和mongoDB的搭配能减少因为数据转换带来的时间空间开销。Mongoose是MongoDB的一个对象模型工具,它将数据库中的数据转换为JavaScri...

分类: JavaScript技术 标签:

学习 NodeJS 第八天:Socket 通讯实例

查看详情

前言一般来讲,HTTP 是基于文本的“单向”通讯机制。这里所谓的“单向”,乃相对于“双向”而言,因为 HTTP 服务器只需根据请求返还恰当的 HTML 给客户端即可,不涉及客户端向服务端的通讯。这种单向的机制比较简单,对网络质量要求也不高。而更多的场景则是需要可靠、稳定的端到端连接。一般这种服务是实时的...

分类: JavaScript技术 标签:

JS实现的驼峰式和连字符式转换功能分析

查看详情

本文实例讲述了JS实现的驼峰式和连字符式转换功能。分享给大家供大家参考,具体如下:在网上找的这段,比较喜欢1.驼峰转连字符:var s = "fooStyleCss"; s = s.replace(/([A-Z])/g,"-$1").toLowerCase(); //利用正则进行替换,简洁明了,很棒2....

分类: JavaScript技术 标签:

如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标

查看详情

从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。对于type=”password”的 input则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。好是好,但有时候会画蛇添足,比如已经用js控制了这个...

分类: JavaScript技术 标签:

获取JavaScript异步函数的返回值 

查看详情

今天研究一个小问题: 怎么拿到JavaScript异步函数的返回值?1.错误尝试当年未入行时,我的最初尝试: function getSomething() { var r = 0; setTimeout(function() { r = 2; }, 10); return r; } fun...

分类: JavaScript技术 标签:

jQuery实现立体式数字滚动条增加效果

查看详情

jquery实现立体式数字滚动条增加效果,代码分为两部分,一部分位html结构另一部分属于js代码段,需要的朋友参考下吧!1、html结构2、js//引用 //这是自定义函数(需要在页面中进行调用) //数字滚动 function digitalScroll(obj,n){ var n...

分类: JavaScript技术 标签:
共 1131 条记录 1234567891011 46