js
liu709127859
这个作者很懒,什么都没留下…
展开
-
js公告栏 滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> ul {转载 2018-06-20 14:40:55 · 1435 阅读 · 2 评论 -
js 弹出确认框
onclick="if (confirm('确定要退出吗?')) return true; else return false;"原创 2018-06-24 23:31:18 · 620 阅读 · 0 评论 -
js 页面实现时间刷新的功能
/** * *///时间function fn(){ var time = new Date(); var str= ""; var div = document.getElementById("time"); var hour = document.getElementById("hours"); //console.log(time); var year = time...转载 2018-06-07 10:13:11 · 2062 阅读 · 0 评论 -
js 单击播放音乐 单击停止音乐
选择歌曲 单击试听 select disabled 不可用单击停止 停止播放 <script type="text/javascript"> function cmusic(var1){ } //初始化播放按钮 var btnclick=false; function listen(var1){ //停止当前播放的音乐 var lingshengs=document...原创 2018-06-06 09:50:02 · 2889 阅读 · 0 评论 -
php 开发环境搭建 wampserver sublime编辑器
sublime 编辑器package install pacakage 初始化包emmet 自动填充包ChineseLocalizations 汉化包tmpl 快捷键生成代码原创 2018-05-07 21:05:07 · 932 阅读 · 0 评论 -
wampserver localhost 无法进入自己项目 projectContents www 下index.php 文件
while (($file = readdir($handle))!==false) { if (is_dir($file) && !in_array($file,$projectsListIgnore)) { //[modif oto] Ajout éventuel de http:// pour éviter le niveau localhost dans les u...转载 2018-05-07 15:51:22 · 1279 阅读 · 0 评论 -
flex justify-content margin text-align 居中测试
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css" /> <style&g原创 2018-05-04 10:02:33 · 885 阅读 · 0 评论 -
html5 进度条 progress 温度计 meter 使用
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> </style><script src="js/jquery-3转载 2018-04-20 10:52:00 · 1017 阅读 · 0 评论 -
IconFont 图标 字体
@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), /*...转载 2018-04-23 11:15:59 · 536 阅读 · 0 评论 -
css3 transition无效果
此处写成 0 部分浏览器无效果。 transition:all 0.3s linear 0s; /* transition-delay:0;*/原创 2018-04-22 10:44:23 · 1434 阅读 · 0 评论 -
使用Highcharts结合PHP与Mysql生成饼状图
我们在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比,它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系。本文将结合实际,使用PHP读取Mysql数据表中的数据,并将获取的数据按照要求输出给前端JS,再通过配置调用Highcharts图表库生成饼状图。 1、准备为了更好的讲解,实例中在M...转载 2018-08-13 14:06:49 · 389 阅读 · 0 评论 -
js点击 可编辑状态
模仿QQ空间布局时,为了模拟好友分组编辑部分,大量搜集js代码,经过多重比较和修改,终于提炼到了我目前为止遇到的比较实用的脚本了,其中我中意的优点:无需id定义,只定义类就可以,,代码简便,尤其适用后台,因为,朋友已成功运用于后台交互中,先提供代码,做个标记(PS:忘记从哪里下载的JS源码,但十分感谢作者大神。。。感谢。。。) <script>$(function() { ...原创 2018-09-06 09:14:06 · 2653 阅读 · 0 评论 -
swiper 轮播动画
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><转载 2018-09-13 09:13:51 · 893 阅读 · 0 评论 -
singwa tp3 表单提交 each方法笔记
原创 2019-08-13 16:03:41 · 299 阅读 · 0 评论 -
thinkphp5 多级联动的下拉菜单
背景:最近的项目需要一个多级的省市区下拉,网上找了很多,都是通过js实现的。存在一个问题是,城市数据无法通过后台进行添加编辑操作。所以,写了一个js的插件。下面效果图。效果图:上图设置了默认id 为马道小区的id,自动生成四级目录。而且每一级别都是可选择的。上图设置默认id 为 0然后,下拉选择相应的省,省下如果有数据。就会加载二级select,无数据则不会显示二级se...原创 2019-07-23 12:20:55 · 2022 阅读 · 1 评论 -
js检索逻辑
关键函数为 string函数的 indexOf方法以下为代码片段截图原创 2019-07-19 10:18:43 · 449 阅读 · 0 评论 -
javascript、php实现无限级分类的两种方式
javascript、php实现无限级分类的两种方式作者:Lee_吉2018-06-30来源:51CTOI、php: 一、梯式:代码: /*@desc:获取梯式分类@param data 需要转换的数据@param pkey 上级的键名@param key 主键名@param pid 顶级id@param level 起始层级 默认0@return ret 转换后...原创 2019-07-14 16:31:35 · 268 阅读 · 0 评论 -
js 对象封装
原创 2019-06-11 11:19:45 · 424 阅读 · 0 评论 -
vercode.js封装笔记
需求说明:短信验证码功能,有 一个输入框,一个发送按钮。一个项目中很多地方都会使用。为提高代码复用性。封装成对象。需要的验证码功能的地方,直接引入类。传入参数,初始化就行。这里做一个笔记,以便日后查找vercode.js代码如下//定义验证码对象function Vercode(){//输入框名字this.input='';// buttonthis.btn='...原创 2019-05-22 14:41:11 · 600 阅读 · 0 评论 -
js自执行函数知识点
转载 2019-03-20 12:25:55 · 789 阅读 · 0 评论 -
js生成元素绑定事件
https://www.cnblogs.com/timelesszhuang/p/4949167.html 参考这篇文章原创 2019-02-27 16:01:16 · 539 阅读 · 0 评论 -
iframe 高度自适应代码
$(document).ready(function(){ var height=$(window).height()-183; //获取页面高度,因为是三栏式布局,我把头部和底部的高度全部加上然后减掉 $(".detil_bottom iframe").attr("height",height); $(".detil_bottom iframe").attr("w...原创 2018-12-11 11:11:56 · 310 阅读 · 0 评论 -
swiper怎么当到当前页时才加载css动画
问题描述:使用swiper时候,页面是用h5 css3写的动画。当加载完成网页后,所有动画立马播放。导致当切换画面的时候无动画效果。查了很多资料,试了很多方法才解决掉这个问题。现在 开启有偿修改这个问题的服务服务费10元 。具体步骤:1 打包你的 h5页面代码2 压缩包邮件发送至邮箱 lyw250@aliyun.com(也可添加微信号 liuyw...原创 2018-11-09 09:31:02 · 2434 阅读 · 0 评论 -
ajax 分页的实现
index.html get_data.php两个文件index.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,原创 2018-10-12 15:10:59 · 240 阅读 · 0 评论 -
JS验证图片格式和大小并预览
用于上传图片的js验证:按 Ctrl+C 复制代码<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.转载 2018-09-22 11:25:10 · 1820 阅读 · 0 评论 -
js中{} [] 详解 {}中代表一个对象 [] 中代表一个数组
<script type="text/javascript">//JSON数据格式,同时也是字面量对象var stu={ 'name':'李白', 'sex':'男', 'fun1':function(){ alert('锄禾日当午'); }, 'array1':[10,20,30], 'obj1':{'num1'...原创 2018-09-11 08:30:00 · 1187 阅读 · 0 评论 -
十分钟玩转 jQuery、实例大全 二
十、实例 返回顶部 左侧菜单 菜单切换 滚动菜单 淡入淡出 滑动 隐藏与显示 添加与删除标签 商城商品放大镜 商城菜单 拖动面板 模态对话框 轮播图 编辑框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&转载 2018-04-09 16:31:13 · 690 阅读 · 0 评论 -
document.getElementsByClassName();获取一个集合,而不是一个对象
1 $("#src-to-top");2 document.getElementsByClassName();示例: var istt=$("#src-to-top"); istt[0].onclick=function(){ $(window).scrollTop(0); }原创 2018-04-09 13:23:33 · 11215 阅读 · 1 评论 -
jquery top 按钮回到页面最顶端的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ background-color:原创 2018-04-09 13:20:40 · 767 阅读 · 0 评论 -
十分钟玩转 jQuery、实例大全 一
十分钟玩转 jQuery、实例大全一、简介定义 jQuery创始人是美国John Resig,是优秀的Javascript框架; jQuery是一个轻量级、快速简洁的javaScript库。源码戳这jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用书写规则 支持链式操作; 在变量前加"$"符号(var $variable = jQuery 对象); 注:此规定并...转载 2018-04-09 16:30:22 · 300 阅读 · 0 评论 -
jQuery css3中的选择器
jQuery1.1.1 基础选择器 类选择器 $(‘.class’)$( ‘. 类名称’ )标签选择器 $(‘p’)$( ‘标签名称’ )Id选择器 $(‘#id’)$( ‘#id名称’ )通配符选择器 $(‘*’)$( ‘ *’ )并集选择器(逗号) $(‘h1,h2,h3’)$(‘ h1,h2,h3,h4,h5,h6’)后代选择器(空格) $(‘ul li’)$(‘ul li’);子代选择器...转载 2018-04-08 13:09:13 · 651 阅读 · 0 评论 -
js 验证密码
"> My JSP 'register.jsp' starting page -->function passwordIsSame(){var password=document.userForm.password.value;var rePassword=document.userForm.rePassword原创 2018-05-25 12:18:55 · 990 阅读 · 0 评论 -
jquery 实现鼠标经过 切换图片效果
知识点:1 hover事件的两个方法,一个是进入发生的事件,一个是离开触发的事件。只写一个默认为两个事件相同2 jquery css attr 的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit原创 2018-04-10 09:33:59 · 9739 阅读 · 0 评论