本文实例讲述了jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)。分享给大家供大家参考，具体如下： 这里介绍的jQuery拉动页面固定顶部显示，及自动消失效果，可能ie浏览器下有问题，不过火狐什么的都可以运行看效果，一个简单的网页特效，也是很常用的“回到顶部”效果，有兴趣的看一下。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-fix-top-cha-show-codes/ 具体代码如下： <!DOCTYP...
语法规则如下： $('a[href$="ABC"]')... 支持的选择方式如下： = 判断完全相符； != 不相符； ^=以某字符串开头； $=以某字符串结尾； *=包含某字符串。 进一步，可以通过$('a[href$="ABC"]:first')返回结果集中的第一条记录 如果需要遍历结果集： 代码如下:$(a[href*=/Lists/Booking/DispForm.aspx]).each(function(){ // $(this)… }); 如果要获取相关属性可以通过$(a[href$="ABC"]:first).attr(‘title)等来获取 如果需要返回...
本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考，具体如下： 运行效果：完整代码如下： <!DOCTYPE html> <html class=" -webkit- js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations cssc...
页面部分： List部分： @{ Layout = null;}@using ePR.Models;@using ePR;@using BusinessObjectLayer.Entities;@using DataAccessLayer;@model ePR.Models.pRHeaderListModel <!DOCTYPE html> <html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="@Url.Content("~/Scripts/jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css")" rel="stylesh...
EasyUI 简介easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。 使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。 easyui是个完美支持HTML5网页的完整框架。 easyui节省您网页开发的时间和规模。 easyui很简单但功能强大的。 在后台管理系统开发的过程中，上左右的布局是最常见的页面布局方式，现在我们来看看使用easyui这个jque...
最近项目开发中遇到这样的需求“手机号码或者固话至少填写一个”，如下图所示:项目采用的jquery.validate.js验证组件，目前组件不支持这种“或”逻辑的验证，于是就自己定义一个jQuery.validator.addMethod("phone", function(value, element) {var mobile = $("#mobile").val();// 手机号码var telephone = $("#telephone").val();// 固定电话var mobileRule = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0-9]|170)\d{8}$/;var...
本文实例讲述了jquery+php实现导出datatables插件数据到excel的方法。分享给大家供大家参考。具体如下： DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点： 1. 自动分页处理 2. 即时表格数据过滤 3. 数据排序以及数据类型自动检测 4. 自动处理列宽度 5. 可通过CSS定制样式 6. 支持隐藏列 7. 易用 8. 可扩展性和灵活性 9. 国际化 10.动态创建表...
jQuery+Ajax+PHP“喜欢”评级功能实现代码，jqueryajax本文章来给大家介绍一个jQuery+Ajax+PHP实现“喜欢”评级功能代码，用户点击页面中自己喜欢的图片上的红心按钮时，前端页面向后台发送一个ajax请求，后台PHP程序接收请求后，查询IP库中是否已经有该用户的点击记录，如果没有，则将对应的数值+1，同时将该用户IP信息写入IP库，反之则告诉用户已经“喜欢过了”。 数据库设计 先准备两张表，pic表保存的是图片信息，包括图片对应...
本文实例讲述了jQuery实现仿微软首页感应鼠标变化滑动窗口效果。分享给大家供大家参考。具体如下： 这是一款jQuery仿微软首页感应鼠标变化的滑动窗口，鼠标放上后，窗口会向左拉长，鼠标移走后恢复原样，是在微软官方网站发现的，看了看代码，觉得很容易就扣下来，不敢独享。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-f-microsoft-web-nav-demo/ 具体代码如下：jQuery仿微软首页感应鼠标变化的滑...
本文实例讲述了jquery实现的分页显示功能。分享给大家供大家参考，具体如下： 我们在显示文章列表的时候，通常需要分页显示。 一种方式是通过SQL查询的limit进行分页，即只查询该页面的数据。 另外一种方式是查询出所有的数据，传递给前段，然后用jquery控制只显示我们想看到的分页。 html代码 <div class="am-g"><div class="am-u-sm-12" id="listTag"></div> </div>js代码 $(function(){showPage(1);});function showPage(page){...
前言 由于时间的原因。这个demo只兼容IE8，IE9。其他浏览器暂时不支持。不过jsplumb本身是支持各种浏览器的。 写这篇文章是因为我在实际开发中遇到一个需求，支持拖拽模块到指定的容器里。并且每个模块会有自己的output 和input。开始觉得很酷也很变态。经过一段时间的调研，特把结果分享给大家。不足之处，敬请指正。 看了题目里的3个J。可能有的朋友觉得头晕，需要这么多东东？我先逐一介绍一下。 第一个jquery是我们平时经常使用...
当打开一个新窗口时，有些用户想直接最大化显示，不想再多一步操作。如果不在代码中做出明确设置的话，这个一般来说是浏览器自己的设置问题。但用户希望无论什么情况，无论浏览器处于什么样的设置，都要让这个弹出的窗口最大化，那么怎么办呢？其实很好办，只需要把几句代码，让浏览器窗口从默认大小变成我们自己的设置。 代码如下:$(function(){ if (window.screen) { var myw = screen.availWidth; var myh = screen.availHeigh...
这篇文章主要介绍了jQuery基于cookie实现换肤功能,结合具体实例形式分析了jQuery使用cookie记录与读取用户信息实现页面样式的操作方法,对jQuery感兴趣的朋友可以参考下本篇文章本文实例讲述了jQuery基于cookie实现换肤功能。分享给大家供大家参考，具体如下：换肤，在你使用QQ、浏览器、酷狗等软件时，总是能看到这两个字(也有叫皮肤)。不过换肤的确能解决很多人的口味，换肤看似一个无关紧要的功能，但其实能起到吸引用户的作用。...
本文给大家分享一段jquery代码实现滑动按钮开关的效果，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的的朋友参考下滑动开关按钮大家在各大网站都能见到，下面给大家分享一篇基于jquery实现的一个滑动按钮开关效果，感兴趣的朋友可以参考下实现代码。先给大家展示下效果图：代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery做的滑动按钮开关</title> <link rel="stylesheet" t...
当点击顶部按钮的时候，执行方法,scrollTop属性获取选中标签距滚动条的距离，当点击底部标签时候，执行方法，其中offset()获取匹配元素在当前视口的相对偏移Untitled Page$(document).ready(function () { //当点击顶部按钮的时候，执行方法,scrollTop属性获取选中标签距滚动条的距离。 $('#top').click(function () { $('html').animate( { scrollTop: '0px' }, 1000 ); }); //当点击底部标签时候，执行方法，其中offset()获取匹配...