Welcome 微信登录

首页 / 脚本样式 / JavaScript

javascript针对DOM的应用分析(五)

javascript针对DOM的应用分析(五)

其实这个应该不列入JS教程的范畴。应为FF,IE6以上浏览器都支持fixed这个固定属性。唯独IE6不支持。所以我为了可恶的IE6。我这里就出一篇教程吧。而且这种效果也可以锻炼同学们的计算能力。以后很多效果都需要你的计算能力。哈哈 固定居中。或者固定在任何地方思想几乎是一样的。只你要算法清楚了。效果写起来就轻而易举了。先贴代码 body,div{padding:0px;margin:0px;} #gd{width:100px;height:10...
你需要知道的10个最佳javascript开发实践小结

你需要知道的10个最佳javascript开发实践小结

尽管很多的开发人员都乐于颂扬javascript,但是仍旧有人看到它的阴暗面。 使用很多javascript代码的web页面会加载很慢,过多的使用javascript使得网页丑陋和拖沓。很快如何有效地使用javascript成为一个非常火热的话题。 这里让我们列出10个最佳javascript实践,帮助你有效地使用javascript。 1. 尽可能的保持代码简洁 可能大家都听到过了N遍这个代码简洁问题了。作为一个开发人员你可能在你的代码开发过程中使用了很...
5个最佳的Javascript日期处理类库分享

5个最佳的Javascript日期处理类库分享

在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法。当然如果大家有时间的话,完全可以自己开发和编写需要的方法,但是有效的使用别人已经开发好的类库肯定是一个更好的处理方式,没有必要什么都原创吧,君子善假于物也。今天这里我们收集了5个最佳的日期处理函数类库,希望对于大家有帮助,如果你喜欢我们的文章,请大家给我们留言,谢谢!1. XDate 这个...
Moment.js 不容错过的超棒Javascript日期处理类库

Moment.js 不容错过的超棒Javascript日期处理类库

使用这个类库,可以帮助你有效的处理相关日期。希望大家喜欢! 主要特性: 3.2kb超轻量级 独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date 日期处理:加,减日期 日期显示:包括相对时间显示的日期显示选项 其它内建的功能,例如,保存,timezone offset和i18n支持 可以作为node.js的一个模块 完整的文档介绍 如何使用? 复制代码 代码如下: var now = moment(); co...
基于jquery的不规则矩形的排列实现代码

基于jquery的不规则矩形的排列实现代码

这个东西让我想起了俄罗斯方块,这个实现起来很简单,容器里面所有的块元素用绝对定位排列,如果能放的下就放在这里,如果放不下了,在队列中找到能放得下的元素放置, 实在找不到,则换行排列下一行,具体思路是这样。代码里有详细的注释直接看代码吧。 下面是一个demo: http://demo.jb51.net/js/2012/sortRect/代码打包下载 sortRect.rar复制代码 代码如下: <!DOCTYPE html> <html&g...
浏览器解析js生成的html出现样式问题的解决方法

浏览器解析js生成的html出现样式问题的解决方法

我实现的功能是添加标签,无刷新地添加到标签列表的最后,见下图中第二行,样式明显有问题 我反反复复地检查了chrome console的html结构,都是一样一样的,在IE和FF下我也认真比较过的,还是没有区别。见下图 同样的html结构,同样的style,竟然展现的样式差异很大,一时没了想法,像个无头苍蝇。索性我就把console下的html复制到notepad++进行对比,看出了一点端倪,见下图。左侧为js生成的html,右侧为页面(.aspx)中的ht...
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

问题的产生 在写JS的过程中,为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不小心就会出错。 本文分享自己昨晚写的一个console类来试图解决这一问题。当然,更好的做法是把测试代码分开写,那样就不会有这个问题。 解决思路 如何解决IE下不兼容的问题呢...
javascript 另一种图片滚动切换效果思路

javascript 另一种图片滚动切换效果思路

先说一种最普遍的思路: 把图片们用ul之类的包起来,并设置float。然后设置这个ul本身为absolute定位,其父标签用relative定位。通过设置ul的left或top值,实现图片队列的滚动效果 特点: 只操作一个html元素(即上文的ul),对系统开销小;滚到头会回滚;从大序号滚动到小序号也会回滚;从最后序号滚动到第一个,会“咻”的一下把所有中间的图片也路过一次。 另一种思路就是我在XScroll.js里实现的思路,所有图片用绝对定位。具体看那篇...
仿微博字符限制效果实现代码

仿微博字符限制效果实现代码

这是初始状态输入文字变成这样,这里会区分圆角半角,2个半角的文字算一个。这个是超出的样子如果超出了点击提交,会有红色闪动提示好了,效果就是这样子,都是js的。。用的话,记得加个jq文件过来。。这里是超出只有提示,还可以超出以后截掉多余的。。不过公司项目不用,说是体验不好~~~复制代码 代码如下: var oH2 = $("#spetit_word");//提示文字 var oTextarea = $("#p_qa_content");//输入框 var o...
学习从实践开始之jQuery插件开发 对话框插件开发

学习从实践开始之jQuery插件开发 对话框插件开发

前言: 之所以写下这篇文章,是想将我的想法分享给大家;对于初学者,我希望他能从这篇文章中获取对他有用的东西,对于经验丰富的开发者,我希望他能指出我的不足,给我更多的意见和建议;目的就是共同进步。 一.要做什么插件? 我想要实现一个插件可以取代浏览器默认的弹出对话框或窗体,就是我们通过调用window.alert,window.confirm,window.prompt这些方法 所弹出的网页对话框,通过调用window.open,window.sho...
基于jquery ajax 用户无刷新登录方法详解

基于jquery ajax 用户无刷新登录方法详解

Ajax框架就是提供模块化实现Ajax功能的集合,Ajax框架可以是各种语言实现的(比如SAJAX有各种语言的实现),Ajax只是jquery中的一部分, 实例1 复制代码 代码如下: $.ajax({ type:"post",//可选get url:"action.php",//这里是接收数据的PHP程序 data:"data="dsa",//传给PHP的数据,多个参数用&连接 dataType:"text",//服务器返回的数据类型 可选XML ,Js...
ASP.NET中AJAX 调用实例代码

ASP.NET中AJAX 调用实例代码

1前言 最近在ASP.NET中做了一个AJAX调用 : Client端先从ASP.NET Server后台取到一个页面模板,然后在页面初始化时再从Server中取一些相关数据以实现页面模板的动态显示。具体实现为: 1) Client向 ASP.NET后台发送HTTP GET 请示 2) 后台给Client发送一个HTML模板,同时在内存中存储一个XML String (包含页面模板动态显示所需的数据) 3) Client在初始化页面时,发送AJAX请求,拿...
一个基于jQuery的树型插件(OrangeTree)使用介绍

一个基于jQuery的树型插件(OrangeTree)使用介绍

OrangeTree 下载地址:OrangeTree 首先大家先看下演示吧! 首先声明本人美术功底比较差!这个样式大家就将就一下吧!我将这个无限级树型插件命名为桔子树,它主要就分为3个级别的节点: 首级菜单,就是树上的一级菜单 父级菜单,也就是下面还有节点的菜单 子级菜单,也就是下面没有节点的菜单 每个节点都可以用CSS控制其样式,详细请看下表:OrangeTree.OrangeTree控件.first_node首级菜单的默认样式.first_node_h...
<< 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 >>