前言 最近自己写了个移动端音乐播放器，用了很多框架，也踩了很多坑，感觉比较复杂的就是计算歌词实时播放了，所以想着大概给整理了一下，分享出来，有问题的话朋友们可以指出，有需要的朋友们也可以学习学习。 布局（歌词都是后台数据获取，方便理解我把所有歌词都一一列出来） <section><figure><img id="animat" src="img/img3.jpg"/></figure><div class="lyric"><div class="lrc-list"><p data-play="audio-t-0" data-index="...
以前学习ASP.NET MVC时，学习与应用，操作过数据显示，添加，编辑，更新和删除等功能。 很多方法是相通的，看自己是怎样来进行方便，快捷，高效率。 今天Insus.NET写的练习，是直接对绑定在Table的数据进行更新，删除。 在项目中，创建一个实体，也就是说，对数据库时行通信，对数据进行操作：public IEnumerable<ToolLocation> GetAllToolLocations(){sp.ConnectionString = DB.ConnectionString;sp.Parameters = null;sp.Procedu...
工程分享：模块1：下拉菜单的实时显示最近一周时间：//显示日期下拉选框 for(var i=0;i<7;i++){ $("#choose1>option:eq("+i+")").html(GetDateStr(-i)); $("#choose1>option:eq("+i+")").attr("value",GetDateStr(-i));//该语句为了便于下拉选中的数据的值 } //这个是上述的对应函数 //以下为日期下拉选择框自动调整 function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取Ad...
看到一个问题：定时更新GridView的某一列中的状态文本。马上就有了思路：GridView最后会生成表格，所以我们在页面中通过Ajax更新表格的列，从而达到ajax更新GridView的效果。 具体实现： 准备一个xml文件，用于存储要更新的数据，在页面中启动一个定时器，每隔5秒钟调用一个函数，函数里边通过$.ajax获取xml中的数据，解析xml，遍历表格行，匹配要更新的数据，更新。 getuserlist.xml 定义一个UserList的根节点，下边每个UserItem对...
本文实例讲述了jquery实现触发时更新下拉列表内容的方法。分享给大家供大家参考，具体如下： 服务端假如有个请求地址用来返回所需数据 url:/hello 返回类似：代码如下:[{"西瓜":10},{"苹果":12},{"香蕉":13},{"芒果":14}] 这样的json数据 html: 按钮：<input type="button" id="btn" value="按 钮" /> 下拉列表：<select id="sel"></select> js代码： $(function(){$("#btn").click($.ajax({type:"POST",url:"http://localhost/XXX...
本文实例讲述了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法。分享给大家供大家参考，具体如下： JS鼠标双击事件 onDblClick <td width="10%" title="双击修改" ondblclick="ShowElement(this,<%#Eval("id") %> </td>这里的本人用绑定的值是传的当前行对应的ID号 function ShowElement(element, productid, flag, ishotorcommend) {if (flag == 0 && ishotorcommend == 0) {alert("请先设置该产品为推荐...
更新指定的行， param 参数包含下列特性： index：更新行的索引。 row：行的新数据。 代码如下:var grid = $("#QualityAdd").datagrid("updateRow", { index: gridIndex, row: { Url: "<a href=\"#\">"+r[0].html+"</a>" } }); datagrid 内置对象 代码如下:{rows:[{No:001,Order:{no:00101,amount:10}}]} columns: [[ { title: 订单编号, field: no, width: 100, formatter: function (value, row, index) { return row.Order.n...
要更新的页面 代码如下:<!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></title> <script src="js/jquery.js" type="text/javascript"></script> </head><body> <select id="lucky1" onchange="return duoduo();"> <option value="1">第一期</option> <option va...
使用Jquery的DataTable进行数据表处理非常方便，常遇到的一个问题就是删除一行后页面必须进行更新，需要注意的方法如下：前台页面中初始化table时注意： 代码如下:var table = $(#sorting-advanced); table.dataTable({ bServerSide: true, sAjaxSource: servlet/UserList<%=queryString%>, bProcessing: true, bStateSave: true, aoColumnDefs: [ { bSortable: false, aTargets: [0,1,6]} ], sPaginationType: full_numbers, sDo...
index.php中 var autoSave = false; 控制不自动提交。 index.php 代码如下:<?php require db.php; $query = "SELECT `id`,`order`,`name` FROM `limove` ORDER BY `order`"; $lis = mysql_query($query,$conn); $li_count = mysql_num_rows($lis); ?> <!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"> ...
jQuery Scroll Follow 随屏幕滚动的层 点击查看Demo jScrollPane 自定义滚动条插件 点击查看Demo jQuery树状菜单插件 jqueryflexselect下拉框自动提示 jQuery id标签 - 8种不同的很酷的JQuery菜单例子 jQuery ContextMenu；轻量级JQuery插件，可以自定义右键弹出的菜单 jQuery Flash Plugin-这个 jQuery插件可以让你嵌入Flas***** jQuery Media Plugin- 这个播放器插件几乎可以播放任何格式的多媒体文件,包括Flash, Q...
AJAX = Asynchronous JavaScript and XML.，是一种创建快速动态网页的技术。 AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。 通过 jQuery AJAX，你可以直接把远程数据载入网页被选HTML元素中。 Jquery Ajax常用的函数有三种，分别是： $.post(url,data,callback,type)：使用 HTTP POST 来加载远程数据； $.get(url,data,callback,type)：使...
①jQuery元素的相对定位。 jQuery中不仅可以使用选择器就行绝对定位，而且还可以进行相对定位，只要在$()中指定第二个参数，第二个参数就是相对的元素。第二个参数传递一个jQuery对象，则相对于这个对象为基准进行相对的选择。 代码如下:<html> <head> <title>jQuery元素的相对定位和选择器</title> <script type="text/javascript" src="jQuery-1.4.2.js"></script> <script> $(function(){ //将第1~3行的背景色设置为红色（绝对...
给元素绑定click事件 ，但是遇到一个问题 就是 当我执行一些ajax请求后 这个click事件就失效了 比如说 我的分页是一个ajax请求 但我点下一页时 后生成的元素a就没有了click事件了 其实 原因很简单 ajax加载内容是在$(document).ready()之后的操作，这个时候给绑定函数的时候，找到的元素集合中还不包括ajax加载的内容，所以原来的没有问题，后加载的就没有绑定 解决方法 有两个 ： 1. 在ajax请求成功之后重新绑定 2. 用live方法 代...
1. 每个ui插件现在都有自己单独的css文件，但是要根据情况与ui.theme.css ui.core.css结合使用，否则有些效果还是显示不出来的。 eg. datepicker就必须同时引用上述两个css文件；accordion 只须引入ui.theme.css即可。这个我会把每个插件独立的demo放在我的资源里边的。 2. ui.accordion HTML 代码要遵循一定的格式要求： 代码如下:<ul id="example"> <li> <h3><a href="#" href="#">Test 1</a></h3> ...