dreamboycx的博客_前端设计

Javascript公共脚本库系列(一): 弹…

一.摘要用脚本弹出浮动层是我们最常用的脚本方法之一.下面是效果图: 点击图中的"航空公司"后,会在"航空公司"下面弹出浮动层. 在网上弹出框的脚本相当多, 而且还有各种第三方JS框架可供我们使用.但是其中有的脚本过于简单,仅仅粗略的实现弹出效果而

事件源

图层

html

原创 2023-01-03 09:36:26 163 阅读

Javascript公共脚本库系列(三): 格…

二.实现效果本次添加的两个函数用于获取事件对象, 事件对象中包含很多的信息,比如鼠标的坐标, 从而实现自己想要的功能. 实例一可以在屏幕上捕获鼠标按键代码

事件对象

html

右键菜单

原创 2023-01-03 09:33:43 172 阅读

Javascript公共脚本库系列(二): 添…

一.摘要本系列文章是为了抽象通用的,跨浏览器的脚本方法.本篇文章为我们的轻量级脚本库增加添加多播委托的方法.可以实现"单击页面空白区域则关闭页面上所有弹出层"等类似的功能.二.实现效果1.当打开一个菜单时关闭其他菜单. 2.在页面空白地方单击后就将关闭所有弹出层. 上面两个效果是系列一文章中的回复里大家建议实现的.其实我是想放到本篇文章单独讲解.因为很多人认为实现此功能很简单,修

javascript

html

弹出层

原创 2023-01-02 22:42:00 142 阅读

getElementByID getElementsByName…

WEB标准下可以通过getElementById(), getElementsByName(), andgetElementsByTagName_r()访问DOCUMENT中的任一个标签：1、getElementById()getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。比如说有一个DIV的ID为d

xml

ci

html

原创 2022-12-26 17:31:11 5020 阅读

用ajax实现正在载入的特效-Ajax编…

一、一般我们在执行比较费时的操作时会使用ajax,在执行的过程中会给用户提示“正在加载数据……”类似的提示，这里将简单介绍下如何使用xajax来实现“正在处理……”的特效提示。首先在网页body开头定义提示的div：定义处理时的提示语句div id= "loadingContainer"> div id = "loading"> 正在加载数据，请稍候 div> di

xml

ajax

javascript

原创 2022-12-20 16:58:26 315 阅读

SVG path 元素详解

SVG的元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。元素是SVG基本

返回结果

xml

SVG

转载 2022-12-20 16:39:44 609 阅读

基于jQuery的AJAX和JSON的实例

通过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，

数据

html

AJAX

原创 2022-12-15 20:55:04 105 阅读

功能强大的JS虚拟键盘

最近做项目，我负责做网页前端，客户需要利用触摸屏进行操作，不外接鼠标键盘，但要200多种输入法，9套可选皮肤方案，而且

输入法

虚拟键盘

html

转载 2022-12-15 20:52:11 995 阅读

js正则函数match、exec、test、search、replace、split使用介绍集合

match 方法使用正则表达式模式对字符串

字符串

正则表达式

正则

转载 2022-12-15 20:52:03 71 阅读

Uploadify-中文帮助手册

译者的话：这是站长的第三个翻译作品了。闲话不多说了，总之就是为了方便大家使

上传

字符串

php

转载 2022-12-15 20:51:26 139 阅读

百度地图开发总结

var map = new BMap.Map("map");//创建地图实例及页面显示位置map为页面ID

控件

自定义

缩放

原创 2022-12-15 20:50:56 115 阅读

Jquery插件之密码强度检测：passwordStrength

我们设定密码强度等级为10，制作一张图片表示每个等级状态，给密码框绑定keyup事

javascript

css

密码强度

转载 2022-12-15 20:50:29 163 阅读

非常好用的 Highslide JS ，完全可以代替 lightbox

主页：http://highslide.com/ 实例：http://highslide.

ide

html

ci

原创 2022-12-15 20:50:28 230 阅读

Ratchet教程：meta与link标签

通过《Ratchet教程：安装》一文，大家对Ratchet有了一个初步的了解。那么从这一节开始，我们

css

加载

缩放

转载 2022-12-15 20:49:17 84 阅读

JSON.stringify 语法实例讲解

可能有些人对系列化这个词过敏，我的理解很简单。就是说把原来是对象的类型

json

JSON

字符串

转载 2022-12-15 20:48:31 56 阅读

HTML5 WebSocket 技术介绍

WebSocket是html5规范新引入的功能，用于解决浏览器与后台服务器双向通讯的问题，使用WebSocket技术，后台可以随时向前端推送消息，以保证前后台状态统一，在传统的无状态HTTP协议中，这是“无法做到”的。传统服务端推（server push）技术WebSocket提出之前，案，这些方案使用已有的技术（如ajax，iframe，

客户端

API

服务器

转载 2022-12-15 20:48:22 594 阅读

js字符串对象操作

js字符串基本属性constructor对创建该对象的函数的引用示例：length字符串的长度示例：prototype允许您向对象添加属性和方法示例：js字符串对象基本方法方法描述anchor()创建 HTML 锚。big()用大号字体显示字符串。

字符串

正则表达式

子串

原创 2022-12-15 20:47:51 121 阅读

Console命令详解,让调试js代码变得更简单

Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。

性能分析

占位符

ajax

转载 2022-12-15 20:47:46 61 阅读

好用的后台通用管理系统

1、EasyUIeasyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互大的。...

官网

UI

jQuery

原创 2022-12-15 20:45:31 862 阅读

一个很好的时间日期插件用法

my97日期插件是一个非常好用、功能非常强大的日期控件，简单示例如下：日期范围限制静态限制注意:日期格式必须与 realDateFmt 和 realTim

Math

日期格式

自定义

原创 2022-12-08 21:32:34 482 阅读

jQuery单行循环滚动展示代码

循环滚动展示的文字和图片每个人都见过，实现类似效果的 JS 也很多。但如果只用于几个条目或三五张图片，体积庞大的 JS 会浪费资源。看见 Jinwen 同学用 Adam Cai 的代码，感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery 入门的思路写了一版，代码更少使用也更简单。先看演示。使用之前，先插入 jQuery 框架( 直接从 Google 拿 )： type="text

jQuery

ajax

javascript

原创 2022-12-08 21:27:13 219 阅读

地理位置的定位方法

一、基于原生html5的地理位置定位缺点：基于http的请求不支持ios10,IOS10要求

html

javascript

地理位置

原创 2022-09-28 15:42:40 470 阅读

js中onkeydown事件，兼容IE…

个事件在用户按下任何键盘键（包括系统按钮，如箭头键和

html

javascript

值传递

转载 2022-09-28 15:41:46 282 阅读

JS日期比较

原文地

js日期

js时间

js函数

转载 2022-09-28 15:40:12 101 阅读

DOM中的load方法和loadXML方法的区…

在DOM中两个方法都为加载XML，区别在于：load方法加载xml文件，如$dom->load("new.xml")而loadxml方法是直接加载XML数据

xml

加载

数据

原创 2022-09-28 15:39:19 92 阅读

JS 身份证号码正则验证

function isIdCardNo(num) { num = num.toUpperCase(); //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X。 if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {

校验码

原创 2022-09-28 15:38:22 2204 阅读

AJAX中的POST与GET方式实例

ajax.html代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>GET VS. POST<

xml

html

ajax

原创 2022-09-28 15:37:03 225 阅读

JS中关于clientWidth、offsetWidth、scrollWidth

网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scroll

jquery

屏幕分辨率

工作区

转载 2022-09-28 15:25:11 292 阅读

团购倒计时特效代码带天数日期及…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <hea

html

数据

javascript

原创 2022-09-28 15:21:45 97 阅读

兼容好的JS图片上传预览代码

在上传图片前预览图片的功能，可提高你网站的用户体验，让用户清楚所要上传的图错的例子，比较完整：

html

microsoft

转载 2022-09-16 21:36:14 48 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

Javascript公共脚本库系列(一): 弹…

Javascript公共脚本库系列(三): 格…

Javascript公共脚本库系列(二): 添…

getElementByID getElementsByName…

用ajax实现正在载入的特效-Ajax编…

SVG path 元素详解

基于jQuery的AJAX和JSON的实例

功能强大的JS虚拟键盘

js正则函数match、exec、test、search、replace、split使用介绍集合

Uploadify-中文帮助手册

百度地图开发总结

Jquery插件之密码强度检测：passwordStrength

非常好用的 Highslide JS ，完全可以代替 lightbox

Ratchet教程：meta与link标签

JSON.stringify 语法实例讲解

HTML5 WebSocket 技术介绍

js字符串对象操作

Console命令详解,让调试js代码变得更简单

好用的后台通用管理系统

一个很好的时间日期插件用法

jQuery单行循环滚动展示代码

地理位置的定位方法

js中onkeydown事件，兼容IE…

JS日期比较

DOM中的load方法和loadXML方法的区…

JS 身份证号码正则验证

AJAX中的POST与GET方式实例

JS中关于clientWidth、offsetWidth、scrollWidth

团购倒计时特效代码带天数日期及…

兼容好的JS图片上传预览代码

欢迎