【解决方案】 1. 准备工作 （1）输入框 代码如下:<input type="text" name="searchText" title="请输入搜索关键字" /> （2）CSS代码 代码如下:input.helpText { color: #aaa;} （3）转换方法 代码如下:function switchText() { if ($(this).val() == $(this).attr(title)) $(this).val().removeClass(helpText); else if ($.trim($(this).val()) == ) $(this).addClass(helpText).val($(this).attr(title)); } （...
1：功能描述 1）最好是若干个星星组成，用户投票时候只要鼠标点击星星就可以实现投票，可以自定义星星个数 2）未投票、投票中、完成投票，星星的样式不同 3）每个星星的都可以自定义提示 比如 “差” “一般” “还好” “不错” 4）完成投票后，动画展示投票结果并且不可再投票 2：思路描述 1、3）使用循环，最大值是星星的个数，每次循环添加一条<a></a>的语句，这条超链接通过Class指定星星样式，通过title指定鼠标移到时显示的...
根据提供的试卷题目（是一个干净的只有“数据”的HTML网页）生成一份多页的试卷，用户能执行翻页、具有答题时间限制，展示给用户的试卷中题目需要占用尽量少的空间（比如选择题中把两条较短的选项由两行合并到一行）、同一道题目不要跨页面显示以方便答题者，管理员能够改变试卷的样式（字体、颜色、行距、页面边距，像字处理软件一样……），题目之间可以插入一些说明性的文字（比如告知答题者作答的须知等等）。题目提干、选择题...
效果图 在线演示http://demo.jb51.net/js/jquery_baobiao/index.html打包下载 http://xiazai.jb51.net/201101/yuanma/jquery_baobiao.rar 代码如下:<script type="text/javascript"> $(function() { $("#tabs").tabs(); }); </script> <script type="text/javascript"> gvChartInit(); jQuery(document).ready(function() { jQuery(#myTable1).gvChart({ chartType: AreaChart, gvSettings: { vAxis: { title: 金额 }, hAxis: ...
在之前的基础上，添加方向键左右支持。 在实际工作中，我们会碰到这样一个情况。在页面中显示着100个数据，同时用户还希望他可以更改其中的数据，普通的方式可能如下， 这种方式会出现一个问题，就是页面显示的时候有点慢，同时如果有滚动条的话，会有些卡。下面给出我的一个解决方法，显示的时候全是td的，没有input标签，如下 当你点击其中一个td时，就会出现下面这样当你点击td的时候，会在td动态加入一个input同时把td的值赋给...
因为加载内容比较慢，所以用户可能在li上不经意点击了两次，那么就会请求两次，这是我们不想看到的。 今天在javascript-jquery群上一筒子发了两个demo给我，他的方法是先将单击的li节点拷贝出来，在加载完后 在重新插回去，显然不太适合我做的功能。 正一筹莫展，想了一下，何不在li点击时加入loading图片（在ajax加载前），判断li节点上是否存在了img元素， 没有则加载ajax内容，否则不处理。 测试了可以通过，\(^o^)/。 代码如下...
后经过一段对Jquery的学习，Jquery的强大解决了辅助代码过多不易维护的问题。AutoValidate.JS 代码如下:/// <reference path="../Scripts/jquery-1.4.1-vsdoc.js" /> //验证方法 v1.0，创建于2010-12-9 完成2010-12-16 MR.X 制 //修改2010-12-10、2010-12-12、2010-12-15、2010-12-16添入信息提示动画效果 //支持 type=text type=checkbox type=radio select 标签验证 //vld="***"必填 格式验证 //vld="n***"选填 格式验证 //err=...
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>JQuery - Load</title> <link rel="stylesheet" media="all" type="text/css" href="../CSS/myStyle.css" /> <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <style type="text/css"> #header { margin-bottom: 1em...
Jquery练习表单验证 代码如下:<body> <form action="" method="post" id ="myform"> <table> <tr> <td>姓名：</td> <td><input type ="text" id = "name" name ="name"></td> </tr> <tr> <td>年龄:</td> <td><input type ="text" id="age" name ="age"></td> </tr> <tr> <td>性别:</td> <td><input type = "radio" id="sex_man" name="sex" value="男">男 <input type = "radio" id="sex_woman" name="sex" value = "女" checked ...
代码如下:function cut_str($sourcestr,$cutlength) { $returnstr=; $i=0; $n=0; $str_length=strlen($sourcestr);//字符串的字节数 while (($n<$cutlength) and ($i<=$str_length)) { $temp_str=substr($sourcestr,$i,1); $ascnum=Ord($temp_str);//得到字符串中第$i位字符的ascii码 if ($ascnum>=224) //如果ASCII位高与224， { //根据UTF-8编码规范，将3个连续的字符计为单个字符 $returnstr=$returnstr.substr($sourcestr,$i,3...
样式代码： 代码如下:#div_maskContainer { display: none; } /*蒙版样式*/ #div_Mask{ z-index:1000; filter:alpha(opacity=40); position: absolute; left:0px; top:0px; background-color: #D4D0C8; } /*显示信息样式*/ #div_loading{ width:300px;height: 60px;position: absolute; border: 1px outset #B4E0F2; padding-top: 40px; text-align: center; background-color: #CCE9F9; z-index: 10000; filter:alpha(opacity=10...
两个div。 一个div为固定宽度 。在次div中内嵌一个div ，这个为数据列。 代码如下:<div class=”box”> <div class=”box-li”> <ul> <li>数据2</li> <li>数据2</li> <li>数据2</li> <li>数据2</li> <li>数据2</li> <li>数据2</li> <ul> </div> <div> <span id=”next”>向右移动</span> <span id=”pre”>向左移动</span> 样式表 .box{ float: left; height: 93px; width: 560px; left:0px; white-space:nowrap; overflow:hidden...
Why DIY jquery tab 接触jquery 2,3个月了，一直都未动手写过插件。正好最近比较闲，就打算把一直看不顺眼的项目中现有的tab改造一番（现有的tab未能做成一个控件，copy,past的代码太多）。 想着jQuery这么强大的库不可能没有tabs插件吧，赶紧搜了一下，哈，果然！jQuery tabs！心里一阵窃喜，赶紧load下来用用吧。可查看了一下它的用法，才发现不太适用现有的项目耶，我们的tab每一个都对应着一个完整的页面，是用iframe嵌入的。而...
在html标签中设置按钮被禁用，可以使用如下代码 <input type='button' id='test' value='disabled'> 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled',false); jquery 控制button的disabled属性 代码如下:$(#button).attr(disabled,"true");添加disabled属性 $(#button).removeAttr("disabled"); 移除disabled属性
但是如何保存顺序呢，想到了cookie，但是用如何用cookie保存顺序呢，直接保存html代码下次读取覆盖可以，但是总感觉内容多的话 保存的东西比较多，后用ui插件获取id保存id在读取实现了顺序的保存，废话不多说..直接看代码... 代码如下:<!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 runat="se...