JQuery
靳小霞
分享是快乐的
展开
-
css js jquey 实现大转盘抽奖
1.布局如图所示2.实现思路 css布局分为 (1) 大转盘 (2)跑马灯 (3)内部转盘白色部分 (4) 奖品布局 (5) 抽奖按钮布局js 部分: (1)初始化奖品 (2) 通过随机数获得获奖奖品 (3) 通过获奖的奖品计算转盘需要旋转的角度 (4)旋转停止提示中奖信息...原创 2020-12-26 09:46:19 · 423 阅读 · 0 评论 -
JQ 之简单计算器
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 1px; } #calculater{ ma原创 2017-09-18 15:32:19 · 1513 阅读 · 0 评论 -
JQ只select选框选择到底部时动态添加新元素
1.html<div class="form-group"> <select class="form-control" name="sectionselecta" id="sectionselecta"> <option value="0">区间</option> <option value="0">0</option> <option valu原创 2017-03-24 14:13:18 · 606 阅读 · 0 评论 -
jq之serialize()序列化字符串ajax提交到,php端获取
1.input编辑框批量修改 <tr> <td style="text-align: center;">{$article['id']}</td> <td> <input type="text"原创 2017-02-24 15:34:35 · 6285 阅读 · 0 评论 -
daterangepicker 问题
1.如果希望格式化时间为12小时制的,则使用hh:mm:ss;而如果希望格式化时间为24小时制的,则使用HH:mm:ss;2.htm <span class="add-on input-group-addon-inline" style="width: 10px"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i> </span>原创 2016-12-06 10:52:39 · 2215 阅读 · 0 评论 -
input 输入完成时执行的事件change事件
<input type="text" class="input" id="code_num" maxlength="4" style="position: relative; float: left;width: 100px;height: 30px" /> $("#code_num").change(function(){});原创 2016-09-29 17:27:50 · 20257 阅读 · 2 评论 -
元素的显示与隐藏
1.显示 $("#guanzhu").css({visibility:'visible'}); $("#guanzhu").css({display:'block'}); $("#guanzhu").show(3000);/3秒后显示*/2.隐藏 $("#guanzhu").css({visibility:'hidden'}); $("#guanzhu").css({display:'原创 2016-09-29 17:25:33 · 213 阅读 · 0 评论 -
PHP+jq实现验证码
-前端页面<div class="demo"><h3>2、数字验证码</h3><p>验证码:<input type="text" class="input" id="code_num" maxlength="4" /> <img src="../addons/lb_vote/code_char.php" id="getcode_num" title="看不清,点击换一张" align="absm原创 2016-09-29 15:00:03 · 970 阅读 · 0 评论 -
轮播图切换效果(flexslider插件)实现
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>图片切换效果</title> <link href="flexslider.css" rel="stylesheet" type="text/css"></head><body> <div class="flexslider"> <ul原创 2016-09-28 15:30:47 · 1849 阅读 · 0 评论 -
masonry 瀑布流布局滑动到底部加载更多
<!DOCTYPE html> <html> <meta charset="utf-8"/> <title>瀑布流动画效果</title> <head> <style> #Books{ width: 500px; height: auto原创 2016-09-27 15:46:50 · 4382 阅读 · 1 评论 -
JQ显示与隐藏
点击时显示分享朋友圈图片,再点击时隐藏 HTML: <div id="mcover" style="display:none;"> <img src="../addons/lb_vote/Public/img/guide.png" /> </div> <a type="button" id="sharefriends">想出现在人气榜吗?快转发到朋友圈吧</a>JQ:<scrip原创 2016-09-18 10:12:18 · 385 阅读 · 0 评论 -
JQ输入验证
-HTML<form action="" method="post" enctype="multipart/form-data" onsubmit="return checkform()"> <input type="hidden" name="c" value="entry" /> <input type="hidden" value="signup" nam原创 2016-08-21 09:35:45 · 423 阅读 · 0 评论 -
ajax提交
-post $.ajax({ type: "POST", dataType: "json", url: "/validate.html", data: "wyuser="+wyuser+"&txqq="+txqq, success: function (data) {原创 2016-07-28 15:30:11 · 377 阅读 · 0 评论 -
jQuery之选择器
#id 给定的id匹配元素 返回单个元素 $("#id") 选取id为id的元素.class原创 2015-07-28 09:59:31 · 244 阅读 · 0 评论