TypechoJoeTheme

轩宇网

登录
用户名
密码
/
注册
用户名
邮箱
搜索到 15 篇与 JavaScript 的结果
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 评论
2019-06-20

JavaScript拼团日期倒计时

JavaScript拼团日期倒计时
这篇文章主要为大家详细介绍了js实现页面多个日期时间倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 js的日期倒计时在日常项目中还是比较常用的,活动、拼团功能最为常见,先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法; 来,先看下 拼多多 的拼单倒计时的效果: 那么,先上个代码吧: 页面布局代码: <div class="mytime jsTime" data-time="2019-06-21 16:58:00">时间1</div> <div class="mytime jsTime" data-time="2019-06-22 18:00:02">时间2</div> <div class="mytime jsTime" data-time="2019-06-23 19:01:31">时间3</div> <div class="mytime jsTime" data-time="2019-04-06 05:05:15">时间4</div> <d...
2019年06月20日
3,425 阅读
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-05

JavaScript 数组排序(从大到小,从小到大)

JavaScript 数组排序(从大到小,从小到大)
JavaScript 数组排序(从大到小,从小到大)及将两个一维数组组合成一个二维数组并保持其中一个数组不变,且第一个数组的key值对应第二个数组的值 1、数组的从大到小排序 //创建数组元素arr var arr=[7,13,34,3,200,100,4];        //创建每次循环存储最大值得变量 var max;        //遍历数组,默认arr中的某一个元素为最大值,进行逐一比较 for(var i=0; i<arr.length; i++){           //外层循环一次,就拿arr[i] 和 内层循环arr.legend次的 arr[j] 做对比 for(var j=i; j<arr.length; j++){ if(arr[i]<arr[j]){ //如果arr[j]大就把此时的值赋值给最大值变量max                ...
2019年03月05日
5,642 阅读
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 评论
2018-10-26

jQuery的鼠标移动上去显示div,鼠标离开的时候隐藏div效果

jQuery的鼠标移动上去显示div,鼠标离开的时候隐藏div效果
有时候我们需要这个效果:当鼠标放上去的时候显示一个div,当鼠标移走的时候就将div隐藏了。代码如下,记得引入Jquyer库。(当鼠标移动到id=menu的div上的时候,显示id=list的div,然后将鼠标再次移动到id=list的div上的时候,list的div也不会隐藏)当然也可以制作成打赏效果或图片提示等 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> ...
2018年10月26日
4,252 阅读
0 评论
2018-09-28

ThinkPHP5利用ajax异步上传图片并显示、删除的示例

ThinkPHP5利用ajax异步上传图片并显示、删除的示例
这篇文章主要介绍了ThinkPHP5利用ajax异步上传图片并显示、删除的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 近来学习tp5的过程中,项目中有个发帖功能,选择主题图片。如下: 利用原始的文件上传处理,虽然通过原始js语句能实时显示上传图片,但是这样的话会涉及很多兼容问题。使用ajax技术,实现选择性删除所选图片功能,并不会有兼容问题。 表单文件form: <form method="post" enctype="multipart/form-data"> <div style="margin: 20px 20px 20px 10px;">   主题图片:   <span id="img-list-box" style="margin-left: 25px;"></span>   <span style="display:inline-block;height: 30px;position: relative;top:0px;left:0px;">     <a s...
2018年09月28日
10,154 阅读
0 评论
2018-08-19

仿天猫商品品牌图片墙换一批动画特效

仿天猫商品品牌图片墙换一批动画特效
这是一款使用纯js和CSS3来制作的仿天猫商品品牌图片墙换一批动画特效。该特效中,当用户点击了品牌图片墙上右下角的按钮时,所有的品牌图片会水平翻转360度,然后显示另外一批品牌图片。 使用方法se 在页面中引入jquery和样式文件style.css。 HTML结构 该品牌图片使用一个无序列表作为HTML结构: <ul id="iconWall"> <li> <div class="img-3d"> <div class="img-back"> <img src="img/icon1.jpg" alt=""> </div> <div class="img-front"> <img src="img/icon11.jpg" alt=""> </div> </div&...
2018年08月19日
7,382 阅读
0 评论
2018-08-19

使用JavaScript制作打字机文本效果

使用JavaScript制作打字机文本效果
我们在看电影时经常能够看到一些炫酷的打字机效果,用于显示一些地名或剧情简介。我们在网页中也能够实现类似的效果,目前网上已经有很多打字机效果的插件。那么,实现类似的打字机效果困难吗?其实要制作一个打字机效果非常简单,下面我们就以纯JavaScript来实现一个炫酷的打字机效果。 在完成这个打字机效果之前,让我们先来体验一下打字机的效果: 制作打字机效果 上面的效果是如何工作的呢?让我们来一步步的分析。 首先我们需要一个显示打字效果的容器: <div class="printer-container"> <span id="teletype" hidden></span> </div> id为teletype的元素用于显示要打印的文字。开始是它带有一个hidden属性,用于阻止文字在开始时就显示出来。 另外还需要一个输入框和一个按钮,让我们可以输入要打印的文字,完整的HTML结构如下: <div class="container"> <div class="printer-container"> ...
2018年08月19日
6,366 阅读
0 评论
欢迎光临轩宇网工作室