轩宇网

标签搜索

搜索到 15 篇与 JavaScript 的结果

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: "...

2021年07月16日

3,205 阅读

0 评论

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...

2019年06月20日

4,189 阅读

0 评论

实现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; clea...

2019年04月26日

4,196 阅读

0 评论

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 　　　　　　　　　　　　　　 max=a...

2019年03月05日

6,528 阅读

0 评论

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', 'bla...

2019年01月22日

5,516 阅读

0 评论

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/t...

2018年10月29日

7,254 阅读

0 评论

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....

2018年10月26日

4,947 阅读

0 评论

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;posit...

2018年09月28日

11,055 阅读

0 评论

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

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

这是一款使用纯js和CSS3来制作的仿天猫商品品牌图片墙换一批动画特效。该特效中，当用户点击了品牌图片墙上右下角的按钮时，所有的品牌图片会水平翻转360度，然后显示另外一批品牌图片。使用方法se在页面中引入jquery和样式文件style.css。<script src="path/to/jquery.min.js"></script> <link href="path/to/style.css" rel="stylesheet"> HTML结构该品牌图片使用一个无序列表作为HTML结构：<ul id="iconWall"> <li> <div class="img-3d"> <div class="img-back"> <img src="img/icon1.jpg" a...

2018年08月19日

8,356 阅读

0 评论

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

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

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

2018年08月19日

7,166 阅读

0 评论

1
2