JavaScript技术

JavaScript技术

jQuery对象和DOM对象的相互转化实现代码

阅读(27) 作者(admin)

jQuery对象和DOM对象相互转化 jQuery对象和DOM对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;例如$("#img").attr("src","test.j...

JavaScript技术

JavaScript页面刷新与弹出窗口问题的解决方法

阅读(21) 作者(admin)

一、无提示刷新网页 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有form,则不会弹出提示窗口。 如果页面有form表单,   a)< f...

JavaScript技术

Jquery 实现Tab效果 思路是js思路

阅读(18) 作者(admin)

复制代码 代码如下:<!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"> <head> <title></...

JavaScript技术

js 编写规范

阅读(20) 作者(admin)

在一个项目中大量使用js,工程项目与网站开发有一些不一样,在我接触的工程项目中普遍使用js 不够多,大部分客户端可做事,交给了服务端,而且在使用js时不够规范,很容易造成代码难以阅读、内存泄漏问题,不注意js 输写方式。而在...

JavaScript技术

jquery validation插件表单验证的一个例子

阅读(21) 作者(admin)

messages_cn.js <!--验证国际化,中文--> (不引用messages_cn.js是英文的提示,用了是中文) 复制代码 代码如下: required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid e...

JavaScript技术

纯CSS实现的竖向导航菜单

阅读(22) 作者(admin)

纯CSS竖向导航菜单 body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; } ul { list-style: none; margin: 0; padding: 0; } #menu3 { width: 160px;...

JavaScript技术

javascript 图片滑动切换代码

阅读(12) 作者(admin)

nVida网站图片滑动-http://www.jb51.net #changebox{width:610px;height:342px;overflow:hidden; position:relative;} #changebox #changeAction{width:1220px;height:342px; position:absolute; } #changebox...

CSS 图片横向排列实现代码
JavaScript技术

CSS 图片横向排列实现代码

阅读(27) 作者(admin)

CSS 图片列表,横向 VB定时关机源码示例 一个好用的C++日志生成类 JS+CSS联合打造图文结合动感菜单 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

select下拉选择框美化实现代码(js+css+图片)
JavaScript技术

select下拉选择框美化实现代码(js+css+图片)

阅读(32) 作者(admin)

因为虽然实现起来麻烦点,如果用自带的Select,很简单的就完成了,但是本代码实际上是在向大家讲述一种Js在网页中的应用实战,多种元素之间的配合作用等。效果如下图: 下拉select选择框 body{margin:20px auto;font-fami...

JavaScript技术

Js 竖直伸缩菜单(百度)

阅读(19) 作者(admin)

从百度扒下来的竖直伸缩菜单-www.jb51.net 新手入门 关于百度搜索推广 账户注册 快速上手 推广制作 设置匹配方式 撰写创意 设置URL 推广投放 点击过滤 质量度 关键词匹配 创意展现方式 效果评估 推广效果 百...

JavaScript技术

CSS 网页顶部固定工具栏拖动无闪烁实现代码

阅读(23) 作者(admin)

实际上细心的朋友会发现,这个顶部的工具条实则是一个平铺的背景图像,CSS起到固定背景的作用,也算是一种独特的实现方法。 顶部拖动无闪烁菜单栏 * { margin: 0px; padding: 0px; } body { background-i...

JavaScript技术

js 钻石棋网页游戏代码

阅读(22) 作者(admin)

钻石棋游戏 body{text-align:center; font-size:12px;} td{font-size:12px;text-align:center} table .qz{ border:1px solid #ccc; padding:0px; margin:0px;} .ayc{ background:#fff; background-image:none}...

JavaScript技术

JavaScript 拖拽翻页效果代码

阅读(18) 作者(admin)

拖拽翻页效果JavaScript特效-demo by http://www.jb51.net html,body{ width:100%; height:100%; border:0px; margin:0px; overflow:hidden; } #menu{ width:1000px; height:500px;...

JavaScript技术

JS 日历控件(蓝色)

阅读(19) 作者(admin)

超漂亮的JS日历控件 *{ font:12px; letter-spacing:0px; } body{ background-color:#E5E9F2; overflow:hidden; margin:0; border:0px; } #titleYear{ text-align:center; padding-top:3px; width:120px; heigh...

JavaScript技术

JavaScript类和继承 constructor属性

阅读(25) 作者(admin)

constructor属性始终指向创建当前对象的构造函数。比如下面例子:比如下面例子: 复制代码 代码如下: // 等价于 var foo = new Array(1, 56, 34, 12); var arr = [1, 56, 34, 12]; console.log(arr.constructor === Arra...

JavaScript技术

JavaScript isPrototypeOf和hasOwnProperty使用区别

阅读(22) 作者(admin)

1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。 格式如下: object1.isPrototypeOf(object2); object1是一个对象的实例; object2是另一个...

ExtJs之带图片的下拉列表框插件
JavaScript技术

ExtJs之带图片的下拉列表框插件

阅读(26) 作者(admin)

在ExtJs的官方网站上有一个带图片的下拉列表,其中扩展了ExtJs的Combo,名称叫做IconCombox,官方地址为: http://www.extjs.com/learn/Tutorial:Extending_Ext_Class_Chinese 但是这个IconComboBox有个缺点,就是显示...

JavaScript技术

老鱼 浅谈javascript面向对象编程

阅读(20) 作者(admin)

感叹是为了缓解严肃的气氛并引出今天要讲的话题,”javascript面向对象编程”,接下来,我们围绕面向对象的几大关键字:封装,继承,多态,展开。 封装:javascript中创建对象的模式中,个人认为通过闭包才算的上是真正意义上的封装,所...