jQuery使用数组编写图片无缝向左滚动

2017年02月06日 22 阅读

jQuery编程实现一组由8幅图组成的图片，进入网页初始时显示前面4张，然后自动向左滚动，直到屏幕显示的是后4张时停止滚动。 下面是jQuery代码： 复制代码 代码如下: $（document）.ready（function（） { var $images = $（"#images img"）; var imgs = $images.length; var next_img; for（var i=0;i<imgs;i++） { next_img=$...

jQuery（非HTML5）可编辑表格实现代码

2017年02月06日 21 阅读

功能： 单击单元格选中，选中过程中使用方向键更换选中的单元格，选中过程中按回车键或者直接双击单元格进入可编辑状态，单元格失去焦点时保存修改的内容。 主要实现思路： 选中，移动选中区域等都是依靠jQuery强大的API进行实现的。而可编辑的单元格实际上是在选中单元格时，在单元格上面添加个input输入域，动态的更新数据源代码： HTML代码： 复制代码 代码如下: <table class="editableTable"> <thead&g...

ajax上传时参数提交不更新等相关问题

2017年02月06日 21 阅读

先前，我从网上下载了一个jQuery的Ajax上传插件，网页的左侧是上传分类，想要实现的一个功能是如此这样的：我本来是打算在服务端根据上传分类建立不同的文件夹来保存文件的，因此这个就需要传一个上传分类参数给后台。这些上传分类是从数据库读出，用repeater生成的。当点击其中一个分类时就给他设置一个样式，并且将这个分类的名字保存到一个变量uploadCatlog中。我可以取到分类并传给后台，但是很奇怪的是只有第一次是正确的，以后的每次参数都不更新。其实在上...

ajax的hide隐藏问题解决方法

2017年02月06日 20 阅读

我的页面上有两个table，调用ajax之后隐藏掉一个,然后用html拼出另一个table,结果新的table最上面有个undefined，这个是怎么引起的，要怎么解决下呢？详细代码如下： 复制代码 代码如下: <script type="text/javascript"> $（function（）{ if（$.browser.msie） { $（"#country"）.get（0）.attachEvent（"onpropertychange"...

javascript向flash swf文件传递参数值注意细节

2017年02月06日 21 阅读

问题：如何使用javascript向SWF文件传递参数？ 在网上找了一个完整的教程，很有启发性和实用性，如下是完整实现的步骤： 配置SwfObject： Swfobject2是目前检测用户是否安装Flash的最佳方法。它被认为是‘行业标准"，并且Adobe所有产品的新版本（Flex4，Flash CS5）都会使用SwfObject来检测Flash Player。 先要下载，解压ZIP文件，复制swfobject.js文件到你的web服务器上，根目录下创建名...

完全用CSS实现鼠标移动到图片并更换图片

2017年02月06日 20 阅读

CSS实现鼠标移动到图片，更换图片，这是一个完全用CSS实现的效果，当然用JavaScript也可以实现，当把鼠标移动到图片的时候，图片自动更换为其它的图片，由此我们可以制作一些效果复杂的按钮，比如换色按钮。 CSS实现鼠标移动到图片，更换图片 *{ margin:0; padding:0;} ul li{ list-style:none;} .nav{ width:800px; height:40px; margin:150px auto;...

JS实现鼠标移动到缩略图显示大图的图片放大效果

2017年02月06日 20 阅读

一个网页上用的图片提示效果，当把鼠标移动到图片缩略图的时候，会显示图片大图，似乎在网上这是个很常见的效果，实现方法也比较多，有人用CSS，有人用JavaScript，有人用jQuery，总之，选择自己习惯的方式去实现，就是最棒的。 图片提示效果 body{margin:0 ;padding:40px;line-height:180%;} img{border:none;} ul,li{margin:0 ;padding:0;} li{list-...

js控制CSS样式属性语法对照表

2017年02月06日 22 阅读

CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。例如常用的关闭某个漂浮的广告显示:document.getElementById（"ad"）.style.display="none";相当于：.ad{ display:none}. 下面就是JS 控制CSS样式表的语法对照： CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborder...

js 延迟加载 改变JS的位置加快网页加载速度

2017年02月06日 20 阅读

当一个网站有很多js代码要加载，js代码放置的位置在一定程度上将会影像网页的加载速度，为了让我们的网页加载速度更快，本文总结了一下几个注意点： 1、延迟加载js代码 复制代码 代码如下: <script type=”text/javascript” src=”" id=”my”></script> <script type=”text/javascript”> setTimeout（“document.getElemen...

javascript中window.event事件用法详解

2017年02月06日 21 阅读

前两天写程序时因为要用到javascript中的window.event事件，于是就在网上搜了一下，终于找到一篇不错的文章，来与大家分享下： 描述 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子下面...

JavaScript子窗口ModalDialog中操作父窗口对像

2017年02月06日 21 阅读

在ModalDialog中操作父窗口对象 1、不能使用window.parent Window.parent是用来在frame中进行操作的，在对话框中不能用来操作父窗口对象 2、正确的做法 调用modaldialog时通过传参数的方式操作 例： 需求 父窗口页面为a.html 子窗口页面为b.html。a.html中有文本框id为test1，在打开的对话框中点击按钮，将a.html的文本框值改为“子窗口值”。 实现 打开对话框时把test1作为参数传给子窗...

什么是json和jsonp,jQuery json实例详详细说明

2017年02月06日 21 阅读

什么是JSON？ 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读性较强，虽然比不上XML那么一目了然，但在合理的依次缩进之后还是很容易识别的； 5、容易编写和解析，当然前提是你要知道数据结构； JSO...

IE6浏览器下resize事件被执行了多次解决方法

2017年02月06日 18 阅读

在IE浏览器下，一次resize事件被执行了多次。这是IE6和IE7的一个比较广为认知的问题，这个问题在这两个版本的浏览器中表现有所不同，通常IE6下会比IE7下更为糟糕。 现在已经有了一个较好的解决方案，让jquery.wresize.js这个jquery插件来帮你： Js代码 复制代码 代码如下: /* ===========================================================================...

ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题

2017年02月06日 17 阅读

在做ajax页面无刷新添加的时候，IE下遭遇Ajax缓存，因为刚开始并不知道IE有这个坏毛病，折腾好久，终于解决问题。 总结一下解决办法： 在IE下用Ajax请求某一页面，通常会因为缓存的原因而返回上一次的结果，造成混乱，[即get方式时，获取数据，因发送参数和地址都一致，故IE浏览器会从缓存中取，而不会去请求服务器端，而post方式因为参数的不同，不会产生这个问题]而FF下不会出现这种情况。为了不受缓存影响，可以这样做： IE访问策略： Internet...

用js判断页面是否加载完成实现代码

2017年02月06日 21 阅读

用document.onreadystatechange的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成 代码如下： 复制代码 代码如下: document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething（） { if（document.readyState == “complete”）...

关于js中alert弹出窗口文本换行问题简单详细说明

2017年02月06日 18 阅读

1、 在js文件里面的弹出窗口： 复制代码 代码如下: <script type="text/javascript"> $（document）.ready（function （） { alert（"Hello Javascript！"）; alert（"Hello Javascript！"）; }）; </script> 2、在.cs页面后台拼接的js弹出窗口 LiteralResult.Text = string.Fo...

javascript实现日历控件（年月日关闭按钮）

2017年02月06日 18 阅读

经常使用google的朋友一定对google绚丽的日历控件记忆犹新吧,那我们也来实现一个,虽然功能和效果比不上,但重要的是实现的过程. 下面是要实现的html结构: <div id="a"><div id="head"><span id="yface">年:<select id="year"></select></span><span id="mface">月:<se...

日历查询的算法 如何计算某一天是星期几

2017年02月06日 187 阅读

如何计算某一天是星期几？ —— 蔡勒（Zeller）公式 历史上的某一天是星期几？未来的某一天是星期几？关于这个问题，有很多计算公式（两个通用计算公式和一些分段计算公式），其中最著名的是蔡勒（Zeller）公式。即w=y+[y/4]+[c/4]-2c+[26（m+1）/10]+d-1 公式中的符号含义如下，w：星期；c：世纪-1；y：年（两位数）；m：月（m大于等于3，小于等于14，即在蔡勒公式中，某年的1、2月要看作上一年的13、14月来计算，比如200...

javascript仿qq界面的折叠菜单实现代码

2017年02月06日 18 阅读

最近一直在研究网页特效,看到qq界面的折叠菜单,于是冒出个想法,自己写一个类似的,上网查了一下,发现已经有不少类似的菜单效果,不管那么多,先写着再说吧. 以下是html结构: <div id="a"><div id="h1">sdfds</div><div id="b1">dsfdsfsdfsd</div><div id="h2">dsf</div><div id="...

javascript采用数组实现tab菜单切换效果

2017年02月06日 18 阅读

最近写了一个tab菜单,这个也算是web2.0的产物了,没什么技术含量,练练手而已. 以下是tab菜单的html结构: <div id="a"><div id="head"><span id="tab1">vhc</span><span id="tab2">dsdfd</span>..........................<span id="blank"><...