jQuery

jQuery+PHP实现微信大转盘抽奖原创

微信大转盘抽奖-jQuery+PHP实现,发现很多转盘抽奖,都实现了前台部分,大部分都使用了HTML5技术,但是后台自己调整抽奖几率不方便,索性自己收集资料,在一个转盘抽奖的基础上,增加了PHP部分代码,可以对抽奖几率进行自定义,设置请参考data.php文件,相关部分给出了注释。相关说明:关于中奖几率,初步设置为:中奖几率:一等奖:1%,二等奖:2%,三等奖:5%,四等奖:7%,五等奖:10%,...

    805浏览16推荐7评论

    PHP+MySql+jQuery实现的"顶"和"踩"投票功能

    本文实例为大家分享了基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码,供大家参考,具体内容如下数据库操作:CREATE TABLE IF NOT EXISTS `votes` (  `id` int(10) NOT NULL AUTO_INCREMENT,  `lik...

      1463浏览5推荐0评论

      jQuery实现大图轮播

      本文主要分享了jQuery实现大图轮播的示例代码。css样式:*{  margin: 0;  padding: 0; } ul{  list-style:none; } .slideShow{  width: 620px;  height: 700px; /*其实就是图片的高度*/  bo...

        682浏览3推荐0评论

        jQuery获取选中单选按钮radio的值

         实例1:<div id="wrap">   <input type="radio" name="payMethod" value="1" />男   <input type=&q...

          152浏览2推荐0评论

          jQuery基于Ajax方式提交表单功能示例

          本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考,具体如下:提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。一、准备1、页面引入jQuery文件2...

            1159浏览2推荐0评论

            jquery滚动条插件slimScroll使用方法

            本文实例为大家总结了滚动条插件slimScroll的使用方法,供大家参考,具体内容如下TIP:1.slimScroll在使用的时候要依赖JQ,所以首次使用的时候要引入JQ再引入simScroll插件2.不支持resize的时候重新调用插件,不过有人已经修改过源码,这是修改过的版本的下载地址:https://github.com/kujian/jQuery-slimScrollresize重新调用插...

              1418浏览1推荐0评论

              很多国内公司不使用 jQuery 等开源 JS 框架,而选择自己开发 JavaScript 框架

              折腾过 KISSY 类库,简单说几点:1. 开发 KISSY 之前,淘宝使用的是 YUI2 类库。但从 2009 年开始,YUI2 在逐步退出历史舞台,YUI 团队的大部分精力都投入到 YUI3 的开发中去了。从当时的情况来看,YUI2 前途堪忧,YUI3 则还不够成熟,并且 YUI3 的定位(大而全的框架型类库)不适合淘宝的前台业务场景(以浏览型为主的展现页面)。2. 我自己是力推 jQuery...

                404浏览0推荐0评论

                如何做前端异常监控

                一段“Web 前端全局异常监控”代码(基于 jQuery)——(function (BOM, $) {     var Console_URL = $('head link[rel="console"]').attr('href'); ...

                  378浏览0推荐0评论

                  后端渲染html、前端模板渲染html,jquery的htm的区别

                  1、后端渲染实现:后端拼字符串呗…… (理论上后端模板也是字符串)好处:模板统一在后端。前端(相对)省事,不占用客户端运算资源(解析模板),只要不大改结构,文字啥的小修改后端改了就好了。坏处:占用(部分、少部分)服务器运算资源、,response 出的数据量会(稍)大点,模板改了前端的交互和样式什么的一样得跟着联动修改。2、前端模板实现:看这个吧……关于模板引擎的工作方式和性能? - 前端开发 但...

                    414浏览0推荐0评论

                    AJAX加载了HTML但是HTML里面的CLICK事件无效

                    事件委托,ajax载入新dom之前js就加载完了,事件当然没有绑定到新载入的dom上。举个例子,如果ajax载入了一个<span class="load"></span>这个时候如果你的js中写了$('.load').on('click',function(){ do something...});事件是绑定不上...

                      325浏览0推荐0评论

                      JQUERY 的属性

                      一.显示和隐藏的属性 hide(隐藏),show(显示) 下面是例子<script type="text/javascript">$(document).ready(function(){    $("#hide").click(function(){       $(&quo...

                        283浏览0推荐0评论

                        3种不同的ContextMenu右键菜单演示

                        简单使用的右键菜单,希望能帮助大家。下面是截图和实例代码 实例预览<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...

                          566浏览0推荐0评论

                          实现雪花飘落效果

                          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml...

                            491浏览0推荐0评论

                            从一个组件的实现来深刻理解 JS 中的继承

                            全局变量写法这种写法完全没有约束,基本所有人都会,完全没啥技巧:// html <input type="text" id="input"/> // javascript var input = document.getElementById("input"...

                              450浏览0推荐0评论

                              前端面试中的常见的算法问题

                              虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。Q1 判断一个单词是否是回文?回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的...

                                428浏览0推荐0评论

                                jQuery+PHP实现微信大转盘抽奖原创

                                微信大转盘抽奖-jQuery+PHP实现,发现很多转盘抽奖,都实现了前台部分,大部分都使用了HTML5技术,但是后台自己调整抽奖几率不方便,索性自己收集资料,在一个转盘抽奖的基础上,增加了PHP部分代码,可以对抽奖几率进行自定义,设置请参考data.php文件,相关部分给出了注释。相关说明:关于中奖几率,初步设置为:中奖几率:一等奖:1%,二等奖:2%,三等奖:5%,四等奖:7%,五等奖:10%,...

                                  805浏览16推荐7评论

                                  jquery滚动条插件slimScroll使用方法

                                  本文实例为大家总结了滚动条插件slimScroll的使用方法,供大家参考,具体内容如下TIP:1.slimScroll在使用的时候要依赖JQ,所以首次使用的时候要引入JQ再引入simScroll插件2.不支持resize的时候重新调用插件,不过有人已经修改过源码,这是修改过的版本的下载地址:https://github.com/kujian/jQuery-slimScrollresize重新调用插...

                                    1418浏览1推荐0评论

                                    jQuery实现淡入淡出的模态框

                                    本文实例为大家总结了jQuery淡入淡出模态框的使用方法,供大家参考,具体内容如下HTML代码如下:固定格式就省略了<div class="theme-popover">  <div class="theme-poptit">   <a href="#&quo...

                                      1007浏览0推荐0评论

                                      jQuery基于Ajax方式提交表单功能示例

                                      本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考,具体如下:提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。一、准备1、页面引入jQuery文件2...

                                        1159浏览2推荐0评论

                                        jQuery移除或禁用html元素点击事件常用方法小结

                                        本文实例讲述了jQuery移除或禁用html元素点击事件常用方法。分享给大家供大家参考,具体如下:移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法.disabled { pointer-events: none; }二、jQuery方法方法一$(this).click(function (event...

                                          1097浏览0推荐0评论

                                          使用jquery给新生的th绑定hover事件的实例

                                          这是昨天在做一个动态的table时遇到的一个小问题,table的th需要让鼠标在移入和移出时显示颜色变化,之前th是固定写死的,直接可以用jquery的hover()方法来实现。现在th需要用js/ajax来动态生成加载到页面,用hover()也就没效果了(因为要重新给th绑定mouseover和mouseout事件,而且考虑到可能会有多次加载th等情况,bind也要多次绑定,比较麻烦),在这里我...

                                            980浏览0推荐0评论

                                            jQuery基于ajax实现页面加载后检查用户登录状态的方法

                                            本文实例讲述了jQuery基于ajax实现页面加载后检查用户登录状态的方法。分享给大家供大家参考,具体如下:拥有会员功能的网站,如果会员已经登录,那么要显示相应的登录状态,而且这种显示的需求是在网站的每个页面都有的(目前国内网站貌似都是这么做的,还没有见过其他形式的状态显示方式),这样,在打开一个新的页面时就要知道这个会员是否已经登录,需要判断登录的状态。1、解决方案。为了能够实现在每一个页面判断...

                                              954浏览0推荐0评论

                                              jQuery基于ajax方式实现用户名存在性检查功能示例

                                              本文实例讲述了jQuery基于ajax方式实现用户名存在性检查功能。分享给大家供大家参考,具体如下:对于拥有会员功能的网站,尤其是会员登录后可以留言或评论的网站,一般要求不能有两个或两个以上相同的用户名存在。因此,在用户注册的时就需要对用户名是否已经被注册进行检查防止出现相同的用户名。下面是我实现这种功能的一种解决方案。1、方案原理:利用ajax的异步请求不刷新正在注册的页面向后端发送请求,后端对...

                                                966浏览0推荐0评论

                                                JQuery及AJAX实现名人名言随机生成器

                                                这是我刚接触AJAX的时候做的一个小应用,主要功能如下:1.点击按钮可以随机生成一句名人名言及其作者名字,如果没有作者名字,则显示“Unknown”。2.点击按钮可以把名人名言分享到推特或者微博。HTML:<div class="container-fluid text-center">  <h1>   ...

                                                  1039浏览0推荐0评论

                                                  基于jQuery实现咖啡订单管理简单应用

                                                  这款应用主要实现以下几个功能:1.在表格中输入客户姓名并选择咖啡,点击“Add”能够把数据传至table。2.table的每生成一行新数据,其status列都会出现一个小咖啡图标,表示正在制作中。3.点击这个小咖啡图标,可以变成一个绿色的勾勾,表示该订单已经完成。4.点击Export可以把表格数据导出为CSV文件。HTML:<div class="container-fl...

                                                    928浏览0推荐0评论

                                                    jQuery排序插件tableSorter使用方法

                                                    本文实例为大家分享了jQuery排序插件tableSorter的使用方法,供大家参考,具体内容如下1.先引两个js<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script> <script type="t...

                                                      1017浏览0推荐0评论

                                                      jQuery html表格排序插件tablesorter使用方法详解

                                                      tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便。使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本,并在html中引用该脚本文件:<script type="text/javascript" src="../jq...

                                                        417浏览0推荐0评论

                                                        jQuery实现复制到粘贴板功能

                                                        项目中突然需要使用复制功能,在网上搜索了下看到了ZeroClipboard插件,好用,但是也有局限。用法如下:1、引用jquery、zclip.js、swf文件。demo地址:https://github.com/chaoli920029342/jquery_copy2、初始化<body> <input type="text" name=&...

                                                          315浏览0推荐0评论

                                                          jQuery的中 is(':visible') 解析及用法(必看)

                                                          实例选择 <body> 元素中每个可见的元素:$("body :visible")定义和用法:visible 选择器选取每个当前是可见的元素。除以下几种情况之外的元素即是可见元素:• 设置为 display:none• type="hidden" 的表单元素• Width 和 height 设置为 0• 隐藏的父元素(同时隐藏所有子元素)语法$(...

                                                            247浏览0推荐0评论

                                                            jq stop()和:is(:animated)的用法及区别(详解)

                                                            下面小编就为大家带来一篇jq stop()和:is(:animated)的用法及区别(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧stop(true,true):表示停止匹配元素正在进行的动画并跳转到末状态,清空未执行完的动画队列。常用于”解决光标移入移出得过快导致的动画效果与光标动作不一致“问题!jQuery stop() 方法jQuery stop() ...

                                                              656浏览0推荐0评论
                                                              首页上一页12下一页尾页

                                                              推荐作者

                                                              热门手记

                                                              PHP中文网

                                                              未登录