JavaScript
关注
分享
扫一扫
咸康康
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用JQuery实现输入框placeholder效果
<head> <meta charset="utf-8"> <title>使用JQuery练习placehold</title> <script type="text/javascript" src="jquery-3.3.1.js"></script> &原创 2019-01-14 12:35:02 · 611 阅读 · 0 评论 -
html5移动端全部分类页面详解
前言在写移动端业务的时候，经常会搞全部分类的页面，常常是焦头烂额，现整理出来与大家交流，话不多说，看效果，这里给大家两种参考样式，核心技术都是一样的，这里给大家介绍样式一原理介绍：页面整体只有一个ul，大家看到的vh/vw都是单位，意为页面高度、页面宽度。这里给ul的宽度为width: 33vw;在ul下有三个li，每个li下有一个a标签，一个div容器。其中，我们默认这些div容器...原创 2019-05-14 21:36:58 · 5562 阅读 · 0 评论 -
JavaScript实现表单阻断提交--高效高可用超详细
在web开发共，我们有验证表单的业务，用户的输入符合我们的要求，就可以提交，用户的输入不符合要求，就阻止用户提交，这样能够更好的提高用户体验，减轻服务器的压力。前台能完成的事情，就在前台完成。效果图： 一、如何阻断提交（写给新手）html中，我们有了type为“submit”的提交按钮，当我们点击它时，表单就会提交到action所指向的地址。<form name="...原创 2019-02-26 20:39:47 · 2165 阅读 · 0 评论 -
6行代码实现js打印表格
在业务中我们经常会遇到打印当前表格的需求，下面我们直奔主题。首先我们要引一个js文件：<script type="text/javascript" src="Js/jquery.jqprint-0.3.js"></script>可以到我的百度网盘下载：链接：https://pan.baidu.com/s/1TV7BIrVEj6fg7fyHwVJJyA提取码...原创 2019-03-05 11:06:04 · 1953 阅读 · 3 评论 -
12行代码实现js打印当前页面表格
window.onload = function() { var btnPrint = document.getElementById("print");//“打印”按钮 btnPrint.onclick = function()//为“打印”按钮添加点击事件 { ...转载 2019-03-05 10:46:32 · 1481 阅读 · 0 评论 -
表格数据转JSON数据
//表格数据转json数据function dao() { alert("test"); var JsonData = { pid:"",cid:"",name:"",time:"",state:"" } var aa = []; var rows = document.getElementById("tab").rows.length;原创 2019-02-27 21:51:59 · 2085 阅读 · 0 评论 -
16行代码实现轮播图
使用JavaScript和jQuery实现轮播图这里使用的样式是淡入淡出首先请确保每条li已经绝对定位，图片能叠加到一起 <div class="scroll_mid"> <ul id="scroll_img"> <li><img src="images/dd_scroll...原创 2019-01-15 21:12:37 · 1588 阅读 · 1 评论 -
11行代码实现滚动公告栏
使用JavaScript&jQuery效果图： 首先看HTML结构，css样式这里不再给出 <div class="book_class"> <div id="dome"> <div id="dome1">原创 2019-01-15 20:40:49 · 6657 阅读 · 4 评论 -
【基础】使用JavaScript&jQuery进行注册页面的表单验证
本文完成于JavaScript和jQuery的学习时间，该作品纯手工渲染，未使用正则表达式。欢迎各位提出意见交流效果图：功能如下：1、姓名和姓氏不能为空、不能含有数字2、密码大于6位3、两次密码相同4、电子邮箱含有@.源码如下：<!DOCTYPE html><html lang="en" dir="ltr"><head> &...原创 2019-01-15 08:25:36 · 1766 阅读 · 1 评论 -
点击头像上传图片ajax
话不多说，直接上代码 <div id="head"> <img style="width: 80px;height: 80px" src="images/ckin.jpg" id="choice"> <input style="display: none" type="file" name="file" accept="image/*" val...原创 2019-05-22 11:43:07 · 628 阅读 · 0 评论