本周带来10款免费的jquery插件。如果你也有好的作品,欢迎分享到社区中来,在得到帮助的同时,也能与更多人分享来自你的作品。jQuery导航菜单置顶插件 - stickyUp 。在线演示stickyUp是一款可以帮助你生成置顶效果的jquery插件,如果你希望生成一个固定页面顶端的导航效果,可以使用stickUp来快速生成。非常实用的回弹菜单在线演示这是一款实用型的菜单插件,可以用在很多地方,点击链接可以查看到在线演示并获得免费下载。使用jQu...
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example can be found below in the comment fields) $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($(‘input.text1‘)); }); function textFill(input){...
初学ajax 一个简单的功能,调试了2个小时,代码如下虽然成功了 但是有错误 <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><meta charset="utf-8"/><link href="css/bootstrap.css" rel="stylesheet"/><script src="scripts/jquery-1.11.3.min.js"></script><script>$(function () {$("#btnLogin").click(function () {if ($("#txtName").val() =="") {alert("用...
收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){$(document).bind("contextmenu",function(e){returnfalse;});
});2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example can be found below in the comment fields)$(document).ready(function() {
$("input.text1").val("Enter your search text here");textFill($(‘input.text1‘));
});functi...
首先在数据库中要有张表,字段为id,name(即投票的选项),count(各选项所投票的数量累计)。具体思路:当选项被选中时,count+1,count的值作为div的长度显示在html页面中,可以嵌套两个div,外div长度固定,内div的长度设置为百分比,这样就可以显示百分比了。具体代码如下:HTML页面(包括js):<!doctype html><html><head><meta charset="utf-8"><title>投票</title>//引用jquery<script type="text/javascript" src="../.....
免积分下载:http://download.csdn.net/detail/yangwei19680827/7238711
原文地址:http://www.cnblogs.com/sxwgf/p/3680421.html
今天我们来分享一些有用的jQuery应用插件,没有特别花哨。但都比較有用,jQuery菜单、jQuery图片都有涉及到,一起来看看。
1、jQuery+CSS3仿IOS无线局域网WifiDEMO演示 / 源代码下载
2、CSS3图片鼠标悬停放大动画DEMO演示 / p>p=2125' title='源代码下载' ref='nofollow'>源代码下载3、j...
在上一篇《PHP+MySQL+jQuery实现发布微博程序——jQuery篇》中,讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据,并返回结果的。
先还是要说明本例的业务流程:
1、前端用户输入内容,并对输入的内容字数进行实时统计。
2、用户提交数据,jQuery实现通过Ajax向后台发送数据。
3、后台PHP接收提交表单的数据,并对数据进行必要的安全过滤。
4、后...
页面部分:
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...
1) highlightjs
Highlight.js能够对页面中的各种程序源代码语法着色加亮。支持的语言包括:Python Ruby Perl PHP XML HTML CSS Django Javascript VBScript Delphi Java C++ RenderMan (RSL and RIB) SQL SmallTalk Axapta 1C Ini Diff DOS .bat Bash 2) google-code-prettify
Google Code Prettify是一个JavaScript库,用来对各种页面上的源码进行语法着色高亮显示。Google Code Prettify很小巧,解压后也只有85K的大小。支持大部...
我有一个用jQuery / HTML构建的现有单页面应用程序.我无法重写React中的现有应用程序,因为它非常大.
我打算用React在现有的应用程序中构建新的屏幕.不过我想知道,如何通过点击现有导航中的按钮/链接来渲染React屏幕?
这就像点击处理程序函数是一个普通的JavaScript,它在React组件之外,在处理程序函数内部,我必须编写代码来加载在React Component中创建的新屏幕.
我不是直接在index.html中包含react.js和react-dom.js,而是使用babe...
在前面的文章中我们为大家介绍饿了关于php实现抽奖程序中奖概率算法,我们也知道抽奖程序在我们的工作中会经常遇到,那么我们今天给大家介绍php与jQuery以及Mysql实现抽奖程序的实例!本例中的抽奖程序要实现从海量手机号码中一次随机抽取一个号码作为中奖号码,可以多次抽奖,被抽中的号码将不会被再次抽中。抽奖流程:点击“开始”按钮后,程序获取号码信息,滚动显示号码,当点击“停止”按钮后,号码停止滚动,这时显示的号码即...
工作中需要做些小工具什么的,主要就是处理 excel 等等,后台用 php 。回复内容:工作中需要做些小工具什么的,主要就是处理 excel 等等,后台用 php 。
该应用实现了即时统计输入字数,并且通过ajax与后台交互,将输入内容插入到话题列表中。我将整个流程分为两部分,本文讲解第一部分jquery实现前端交互操作。
首先查看示例:DEMO
XHTML 代码如下: Demo发布的内容... XHTML是一个表单,里面有输入框textarea,发布按钮,还有一个统计输入字数的span#counter,和信息提示span#msg,在没有输入的情况下就提交则会提示用户要求输入内容。 CSS 代码如下:h3{height:32px; li...
在微博网站可以看到一个发表话题的应用,文章将介绍如何简易的实现一个微博话题发表程序——jQuery篇,后续还会有关于后台处理程序的讲解。我们在QQ个人中心或者新浪微博等网站上可以看到一个发表话题的应用。该应用实现了即时统计输入字数,并且通过Ajax与后台交互,将输入内容插入到话题列表中。XHTML代码<form id="myform" action="say.php" method="post"><h3><span class="counter">140</span>说说你正在做什么...</h3><texta...
我们在QQ个人中心或者新浪微博等网站上可以看到一个发表话题的应用。该应用实现了即时统计输入字数,并且通过Ajax与后台交互,将输入内容插入到话题列表中。本文讲解第一部分jQuery实现前端交互操作。XHTML代码<form id="myform" action="say.php" method="post"> <h3><span class="counter">140</span>说说你正在做什么...</h3> <textarea name="saytxt" id="saytxt" class="input" rows="2" cols="40"></t...