TypechoJoeTheme

轩宇网

登录
用户名
密码
/
注册
用户名
邮箱
搜索到 29 篇与 jquery 的结果
2021-07-16

jquery获取单选框复选框下拉框值

jquery获取单选框复选框下拉框值
jquery获取单选框复选框下拉框值 jquery获取单选框(radio)复选框(checkbox)下拉框(select)的值,亲测可用。有什么疑问可以留言 效果图: html代码: <!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8" /> <script src="test.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> body{ background-image: url(img/bg.jpg); font-family: "微软雅黑"; } ul li{list-style...
2021年07月16日
1,348 阅读
0 评论
2020-03-24

jQuery input输入框回车生成标签,可删除,并获取标签的值

jQuery input输入框回车生成标签,可删除,并获取标签的值
效果图如下: html代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <title>flat-ui标签</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width" /> <script src="js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="css/css.css"/> <script src="js/tagsinput.js" type="text/javascript" charset="utf-8"></script> </head> <body>...
2020年03月24日
2,718 阅读
4 评论
2020-03-24

ThinkPHP5+jQuery+MySql实现投票功能

ThinkPHP5+jQuery+MySql实现投票功能
这篇文章主要介绍了ThinkPHP5+jQuery+MySql实现投票功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 ThinkPHP5+jQuery+MySql实现投票功能,先给大家展示下效果图,如果大家感觉效果不错,请参考实例代码。 效果图: 前端代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>基于THINKPHP5实现红蓝投票功能</title> <style type="text/css"> .vote{width:288px; height:300px; margin:40px auto;position:relative} .votetitle{width:100%;height:62px; background:url(/static/index/images/icon.png) no-repeat 0 30px; font-size:15px} ...
2020年03月24日
2,539 阅读
0 评论
2019-07-08

jquery实现文本框选择器_商品尺寸选择和商品

jquery实现文本框选择器_商品尺寸选择和商品
前几天看到有人在一个群里问如何实现商品规格选择并显示价格,多的不少,直接上代码: 一、带图文版本 1.所需要用到的jQuery文件 <script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script> 2.用的CSS代码 @charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0;-webkit-text-size-adjust:none;} body{ background:#fff; font-size:12px; color:#555; font-family:Tahoma, Geneva, sans-serif; padding:100px 100px;} a{ color:#555; text-decoration:none;} a:hover{ color:#c00; text-decoration:underline;} img{ border:none;} li{ list-style:none;} ...
2019年07月08日
4,674 阅读
0 评论
2019-04-26

实现n秒倒计时后才可以点击的效果

实现n秒倒计时后才可以点击的效果
这篇文章主要介绍了js点击按钮在倒计时后才可以点击的效果,需要的朋友可以参考下 在我们进行注册用户时经常遇到点击按钮后,60秒倒计时后才能继续可以点击,按钮上还能显示倒计时,这60秒时间就是为大家提供”细阅读协议“做准备的,这种功能是如何实现的,下面为大家分享详细代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>倒计时然后才可以点击效果代码</title> <script type="text/javascript"> var s=4; function countsub() { var btnReg=document.getElementById("btnReg"); if(btnReg) { if(s<=0) { btnReg.value="同意"; btnReg.disabled=false; clearInterval(id); } else { btnReg....
2019年04月26日
3,409 阅读
0 评论
2019-03-01

jQuery+Ajax+PHP+Mysql实现分页显示数据

jQuery+Ajax+PHP+Mysql实现分页显示数据
这是一个典型的Ajax应用,在页面上,您只需要点击“下一页”,数据区将自动加载对应页码的数据,重新刷新数据区。类似的效果在很多网站上应用,尤其在一些需要展示大量图片数据的网页如淘宝商品列表页,Ajax分页效果让您的网站数据加载显得非常流畅。 HTML <div id="list">  <ul></ul> </div> <div id="pagecount"></div> 页面中,list用来展示数据列表,包括本例要展示的商品图片和标题,pagecount用来展示分页条,即本例中的上一页、下一页。 当然,别忘了,在head中预先载入jquery库文件。 CSS 我们需要将商品图片进行排列,以及设置分页条样式,当然这些样式的设计可以根据读取成功后的数据进行设置,本例中我们先把css代码贴出来。 #list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{float:left;width:220px...
2019年03月01日
4,035 阅读
0 评论
2019-02-14

jQuery+PHP+MySQL实现星级评分

jQuery+PHP+MySQL实现星级评分
本文主要介绍使用jQuery+PHP+MySQL实现星际评论 在美团、淘宝、京东等网页上,有许多商品、服务评价页面,五星好评功能很常见,本文利用jQuery实现五星好评功能。 一、页面布局代码: <div class="rate"> <div class="big_rate"> <span rate="2">&nbsp;</span> <span rate="4">&nbsp;</span> <span rate="6">&nbsp;</span> <span rate="8">&nbsp;</span> <spa...
2019年02月14日
4,382 阅读
0 评论
2019-02-14

jQuery手机端点击弹出分享按钮代码

jQuery手机端点击弹出分享按钮代码
一、HTML布局代码如下: <span onClick="toshare()" style="border:dotted 1px #ddd;display:block;width:100px;text-align:center;margin:20px auto 0 auto;cursor:pointer;height:60px;line-height:60px;">点击分享到</span> <div class="am-share"> <h3 class="am-share-title">分享到</h3> <ul class="am-share-sns"> <li><a href="#"> <i class="share-icon-weibo"></i> <span>新浪微博</span> </a> </li> <li><a href="#"> <i class...
2019年02月14日
3,954 阅读
0 评论
2019-01-22

JQuery 点击实现开关灯,改变CSS属性值

JQuery 点击实现开关灯,改变CSS属性值
JQuery 点击实现开关灯,改变CSS属性值 1、引入jquery <script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script> 2、页面布局 <div class="test">测试内容</div><br> <input type="button" id="btnLight" value="关灯"/> 3、核心控制 <script> $(function() { $('#btnLight').click(function () { if (this.value == '关灯') { $('body').css('background-color', 'black'); $('div').css('color', 'white'); ...
2019年01月22日
4,643 阅读
0 评论
2018-10-29

jq实现点击增加或者减少商品数量并且自动计算总价格

jq实现点击增加或者减少商品数量并且自动计算总价格
本文将为点击增加或者减少商品数量并且自动计算总价格相关教程,具体实例代码请看下文: 点击增加或者减少商品数量并且自动计算总价格: 本章节介绍一下如何实现点击按钮来添加或者删除商品的数量,并且能够自动计算商品的总价格。代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.zhimengzhe.com/" /> <title>织梦者</title> <style type="text/css"> span{   color:red;   cursor:pointer; } </style> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">...
2018年10月29日
6,484 阅读
0 评论
欢迎光临轩宇网工作室