Welcome 微信登录

首页 / 脚本样式 / JavaScript

使用jQuery的easydrag插件实现可拖动的DIV弹出框

使用jQuery的easydrag插件实现可拖动的DIV弹出框

EasyDrag 是一个用来实现页面元素拖拉的 jQuery 插件。在没遇到easydrag插件之前,想实现一个弹出框并不是一件轻而易举的事情!人们常说没有不劳而获的事情,但在编码的世界中却不是这样。更多的开源框架方面了我们,也毒害了我们!废话少说,先看效果:全部代码:<!DOCTYPE HTML> <html> <head> <title>easydrag实现可拖动的DIV弹出框</title>...
jquery对象和DOM对象的任意相互转换

jquery对象和DOM对象的任意相互转换

什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQu...
全面详细的jQuery常见开发技巧手册

全面详细的jQuery常见开发技巧手册

本文为大家整理一篇很详尽的jQuery常见开发技巧文章,供大家参考,具体内容如下1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom...
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

前言: 之前编写了一个网页闯关游戏(类似Riddle Game), 除了希望大家能够体验一下我的游戏外. 也愿意分享编写这个网页游戏过程中, 学到的一些知识. 本文讲描述, 如何在网页端实现一个仿微信的聊天窗口界面, 以及其中涉及到的一些技术点. 作者前端是初学者, 请大拿们轻拍.效果展示: 这种聊天对话的布局模式, 比PC端QQ的那种聊天方式更贴近移动端, 我个人感觉.需求设定: 让我们先过一遍, 实现该聊天窗口需要支持的一些功能点. R...
JS中Eval解析JSON字符串的一个小问题

JS中Eval解析JSON字符串的一个小问题

之前写过一篇 关于 JSON 的介绍文章,里面谈到了 JSON 的解析。我们都知道,高级浏览器可以用 JSON.parse() API 将一个 JSON 字符串解析成 JSON 数据,稍微欠妥点的做法,我们可以用eval() 函数。JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 AP...
javascript实现计时器的简单方法

javascript实现计时器的简单方法

计时器, 在生活当中也是用得频繁的功能, 比如锻炼身体, 跑步比赛等等相关的活动. 我们用Javascript来完成一个计时器.计时器, 主要就是对时间的一个逻辑处理, 比如60秒等于1分钟, 60分钟等于一个小时, 我们这里只做到小时的处理. 就这么一个简单的逻辑, 然后动态的显示在一个Input里面.那现在我们来完成这个界面<label>计时:</label> <input type="text" name="" id="...
JSON简介以及用法汇总

JSON简介以及用法汇总

JSON(JavaScript Object Notation)即JavaScript对象表示法,是一种轻量级的数据交换格式。它非常便于编程人员对数据的处理,也便于机器对数据的解析和生成,应用非常广泛。JSON是一种轻量级的数据交换格式,某个JSON格式的文件内部譬如可以长成这样:{"name": "hanzichi","sex": "male"}看起来都是key-value的键值对,很像js的对象吧?没错,但同时JSON表示不服,我不能跟js的对象长成一...
Node.js开发者必须了解的4个JS要点

Node.js开发者必须了解的4个JS要点

本文为开发者总结了4个Node.js要点。1. 非阻塞(Non-blocking)或异步I/O由于Node.js一个服务器端框架,所以它主要工作之一是处理浏览器请求。在传统的I/O系统中,每个请求的发出都是在上一请求到达之后才发出的。所以这被称为阻塞(blocking)I/O。服务器会阻挡其它的请求以处理当前请求,从而导致浏览器等待。Node.js不以这种方式来进行I/O处理。如果一个请求需要长时间处理,Node.js会把该请求发送给一个事件循环(even...
javascript+HTML5自定义元素播放焦点图动画

javascript+HTML5自定义元素播放焦点图动画

这是一款基于HTML5的焦点图动画,它和其他焦点图不同的地方在于,它播放的不仅仅是图片,而是可以自定义控制的网页元素。它不仅在图片间切换有过渡动画效果,而且在切换时图片中的元素也将出现动画效果,比如图中的文字移动、打散、重新组合等,这款HTML5动画图片播放器算得上是高端大气上档次。效果图:HTML代码<div class="parallax-bg" id="slider-wrap"> <div class="slider paralla...
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

使用EasyUI时,有个经常遇到的问题,页面还没有渲染完成的时候,就展现了。刚刚开始很混乱,等加载完成后,就好了。$.parser.onComplete,这个是在所有组件解析完成后执行的事件。其实这个事件很有用的。很多在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析,当你们布局和组件使用的比较多的...
<< 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 >>