推荐一个JQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。 此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。 使用方法如下： 1、加载javascript。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.marquee.js"></script> <script type="text/javascript"> $(function(){ $("#marquee").marquee({yScroll: "botto...
前言 最近在项目中使用了很多前端的东西，对于我一个做后台开发的人员，这是一个很好的锻炼的机会。经过这段时间的学习，感觉前端的东西太多了，太强大了，做出来的东西太炫酷了。现在有很多开源的前端框架，做的都非常的漂亮，h5发展了这么多年了，改变了互联网行业啊！ 时间轴是一个按时间顺序描述一系列事件的很好方式，经常用在项目规划中。时间轴的典型方案通常设计成一个包含许多长条的带有数据标签的图形，当事件发生的时候...
现在文件的上传，特别是大文件上传，都需要进度条，让客户知道上传进度。本文简单记录下如何弄进度条，以及一些上传信息，比如文件的大小，上传速度，预计剩余时间等一些相关信息。代码是匆忙下简单写的，一些验证没做，或代码存在一些隐患，不严谨的地方。本文代码只供参考。进度条的样式多种多样，有些网站弄得非常绚烂漂亮。本文UI端不太懂，只会一些简单的基本的css而已，所以进度条弄得不好看。本文侧重的给读者提供一个参考，...
本例子实现弹窗的效果： 1、jquery.show.js /* * 实现功能：点击在鼠标位置显示div * 版本序号：1.0 */ (function($){ $.fn.showDIV = function(options){ var defaults = {}; var options = $.extend(defaults, options); var showdiv=$(this); var close, title, content; close=$(" "); title=$(" "); content=$(" "); showdiv.html(""); showdiv.append(close); showdiv.append(title); showdiv.append(content); close.htm...
项目中要监听键盘组合键CTRL+C，以便做出对应的响应。查了一些方法但是其兼容性和稳定性不是很高，最终得到如下方法，经测试在Firfox、Chrome、IE中均可以使用。 一、使用javascript实现<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function keyListener(event){ if (event.ctrlKey && event.keyCode === 86){ alert(你按下了CTRL+V); } } </script> </head> <body> Ctrl+V:<textarea onkeyd...
本文实例讲述了jQuery同步提交的方法。分享给大家供大家参考，具体如下： 使用jQuery 框架，同步提交演示 在一些严格检测或者递归、循环调用的情况下，如果不能同步返回数据则可能会出现错误结果，所以需要使用同步提交技术，jQuery默认是异步操作，需要显式设置异步属性async为false，便可以实现同步。 自定 data 提交 function GroupCheck(url, operate, check, group, joker) { var result = -1; $.ajax( { type : "POST", asy...
其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包 <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery radio</title> <script type="text/javascript" language="javascript" src="JavaScr...
今儿分享一个jquery实现多行滚动效果。 我看一些论坛网站上面，公告处用的较多。 代码如下 // 多行滚动 (function($){ $.fn.extend({ Scroll:function(opt,callback){ if(!opt) var opt={}; var _this=this.eq(0).find("ul:first"); var lineH=_this.find("li:first").height(), line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), speed=opt.speed?parseInt(opt.speed,10):1000, //卷动速度，数值越大，速度...
这个下拉菜单式可以循环的使用jquery实现，很实用，喜欢的朋友可以参考下<select name="paymerid" id="paymerid" style="width: 155px;"> <option value="" >--请选择--</option> <c:forEach var="unionconfig" items="${unionconfiglist}"> <option value="${unionconfig.merid}">${unionconfig.merid}</option> </c:forEach> </select>
//Bootstrap模态框（局部） <div class="modal fade" id="orderDetail"> <div class="modal-dialog"> <div class="modal-content"><div class="modal-header"> </div><div class="modal-body"> <table class="table"> <tr><td>名 称</td><td>原 价</td></tr> </table> </div><div class="modal-footer"> </div> </div> </div> /** * 查看数据详情 * @黑眼诗人 <www.chenwei.ws> */ function orderDetail(order_no) { //1.先清空模态...
<html> <head> <base href="<%=basePath%>"><title>My JSP index.jsp starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href=...
xml文件结构:books.xml <?xml version="1.0" encoding="UTF-8"?> <root> <book id="1"> <name>深入浅出extjs</name> <author>张三</author> <price>88</price> </book> <book id="2"> <name>锋利的jQuery</name> <author>李四</author> <price>99</price> </book> <book id="3"> <name>深入浅出flex</name> <author>王五</author> <price>108</price> </book> <book id="4"> <name>java编程思想</name> <author>钱七</author> <pri...
jquery制作的select列表双向选择，兼容性肯定是不错的，需要的朋友可以学习下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript" src="http://code.jquery.com/jquery-...
准备好Server端的方法 [System.Web.Services.WebMethod] public static string VeryUserName(string name) { string rtn = "恭喜，此帐号还没有注册，你可以使用。";if (name == "") rtn = "请填写一个注册帐号。";if (name == "Insus.NET") rtn = "此用户已经注册，请使用另外帐号。"; return rtn; }HTML代码：<asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br /> <input id="btnrReg" type="button" value="注...
idTabs是基于Jquery编写封装的一个插件，主要用于实现选项卡功能,它操作简单,只需到官网:http://www.sunsean.com/idTabs/下载插件JS脚本文件,并引用到网站中即可 <script src="js/jquery.idTabs.min.js" type="text/javascript"></script>页面HTML布局及调用如下: <div id="tabsbox" class="tabsbox"> <ul><li><a href=#tab0 class=selected>技术简介</a></li><li><a href=#tab1 class=>技术优势</a></li><li><a href=#tab2 class=...