javascript
夏末_阳光依然耀眼
一个人,走在陌生的城市,听伤感的音乐,看陌生的风景。我们都在寻找,人生就是寻找爱的过程,每个人都会遇到三种人,你爱的,爱你的,与你共度一生的。并不是每一对有缘相爱的恋人,都有相守一生的缘分;也许这一场恋爱是情深缘浅,下一场就缘定终生,去爱吧,像不曾受伤一样。
展开
-
常用Javascript数组去重复方法
方法一(filter):function unique(arr1) { const res = new Map(); return arr1.filter((a) => !res.has(a.siteId) && res.set(a.siteId, 1))}function unique(array) { return array.filter(function(item, index, array){ return (item &&...原创 2021-08-18 16:42:11 · 277 阅读 · 0 评论 -
移动端H5页面横屏竖屏判断
标签设置竖屏:<meta name="x5-orientation" content="portrait">css设置样式:@media screen and (orientation: portrait) {/*竖屏 css*/}@media screen and (orientation: landscape) {/*横屏 css*/}<!-- 竖屏 --><link rel="stylesheet" media="all a原创 2021-08-12 15:34:00 · 638 阅读 · 0 评论 -
vue让你理解npm run dev 和 npm run serve
npm run dev 是vue-cli2.0版本使用的npm run serve 是vue-cli3.0版本使用的dev build serve?在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错,然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别。其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。npm run...转载 2021-08-12 14:18:42 · 21859 阅读 · 2 评论 -
js可控旋转音乐播放按钮
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>可控旋转音乐播放按钮</title><style>*{ margin:0; padding:0; list-style:none;}#lanren #audio-btn{width: 44px;heig.转载 2020-07-13 14:16:38 · 895 阅读 · 1 评论 -
js 批量空格替换成
<textarea contenteditable="true" id="t" onkeyup="this.value=this.value.replace(/\s+/g,'')" rows="3" placeholder="请填写详细地址,不超过100个字"></textarea><script> var d = document.getElem...原创 2019-12-28 11:41:05 · 1053 阅读 · 0 评论 -
textarea 自适应内容高度
$('textarea').each(function(){ this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;'); }).on('input',function(){ this.style.height = 'auto'; this.style.hei原创 2017-09-01 15:15:56 · 288 阅读 · 0 评论 -
移动端网页纯原生js选项卡tab切换
适合移动网页纯原生js选项卡tab切换 *{ margin: 0; padding: 0} ul,li{ list-style: none} .tabClick{ background: #f3f3f3; overflow: hidden} .tabClick li{ height:40px; line-height: 40px; width: 25%; floa转载 2017-09-01 11:47:43 · 3371 阅读 · 0 评论 -
jquery li循环轮播切换
jquery li循环轮播切换效果,请自行引入jqueryjquery li循环轮播切换 $(document).ready(function(){ $(".jhtab ul").delegate("li","click",function(){ var index = $(this).原创 2017-08-23 12:19:25 · 2937 阅读 · 0 评论 -
jquery展开收缩列表
Document *{margin:0;padding:0;} body{max-width: 640px; margin: 0 auto; font-family: 'Microsoft Yahei'} .box{ overflow: hidden; } .box dl{ overf转载 2017-08-21 11:24:25 · 374 阅读 · 0 评论 -
绝对定位元素随滚动条滑动无延时不闪烁的解决办法!
绝对定位元素随滚动条滑动不闪烁body { background: #eee; margin: 0; padding: 0;}.container { width: 1000px; height: 5000px; background: #ddd; margin: 0 auto;}.wrapper { height: 400px; width: 998px; bac转载 2017-06-28 12:04:33 · 2232 阅读 · 0 评论 -
jquery的搜索框输入提示页面
搜索body, ul, li { margin: 0; padding: 0;}body { font-size: 12px; font-family: sumsun, arial; color: #666666; background: #FFFFFF;}.gover_search { position: relative; z-index: 99; height:原创 2017-07-11 10:43:54 · 412 阅读 · 0 评论 -
html2canvas.js截取网页保存为图片
*{ margin: 0; padding: 0;font:12px/1.5 "Microsoft YaHei",arial,simsun} img{ max-width:100%;} html,body{ width:100%; height: 100%;} .main{ position: relative; top: 50%; left: 50%; width: 80%;min-hei原创 2017-11-30 15:00:19 · 18409 阅读 · 1 评论 -
TweenMax.js背景位移动画
背景动画* { margin: 0; padding: 0;}.fibers { display: block; width: 275px; height: 600px; background: url(images/spectra-wire-sprite.png) no-repeat 0 0 transparent;} var st=0; TweenM原创 2018-01-11 15:05:47 · 977 阅读 · 0 评论 -
iOS系统及微信中audio自动播放
//音乐播放暂停 $("#audioBtn").click(function(){ if(music.paused){music.play(); $("#audioBtn").removeClass("pause").addClass("play"); }else{music.pause(); $("#audioBtn").removeClass("play").addC转载 2017-12-19 16:30:18 · 503 阅读 · 0 评论 -
移动web Swiper选项卡内容高度自适应
swiper.js手机触屏滑动选项卡标签切换代码 *{margin:0;padding:0;font-family: "微软雅黑";} .wrap{margin:0 auto;} .tabs{height:32px;background: #5AA9F3;width: 100%;padding-top: 8px;text-align: center} .tabs .part{原创 2018-01-04 17:07:06 · 6431 阅读 · 0 评论 -
jquery搜索框点击下拉,不选择鼠标移开自动隐藏
<!--样式--><style type="text/css">.search{ height: 48px; background: #fff; margin-bottom: 21px;}.sosleft{ float: left; width: 828px; border: solid 1px #fff; height: 46px; }.sosleft inpu...原创 2018-11-24 22:07:34 · 394 阅读 · 0 评论 -
localstorage本地存储样式实例
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>localstorage本地存储样式实例</title> <script src="http://libs.bai原创 2018-12-06 11:24:15 · 329 阅读 · 1 评论 -
解决后台iframe框架刷新跳转问题
//菜单点击$(".J_menuItem").on('click',function() { var iframe = $("#J_iframe").contents().find("#Login").length; if (iframe>0) { window.location.href = '/admin/login'; } else { ...原创 2019-07-20 13:57:17 · 464 阅读 · 0 评论 -
css实现横向带箭头步骤流程效果兼容性ie6
ul{margin:0px; padding:0px; list-style:none;} .wrap{width:960px; height:auto; line-height:30px; margin:100px auto 0;} .step-case{height:40px;} .step-case li{ float:left; margin:0px; width:12.5%;po转载 2017-06-20 14:14:57 · 678 阅读 · 0 评论 -
JavaScript版几种常见排序算法
// ---------- 一些排序算法// js 利用sort进行排序systemSort: function(array) { return array.sort(function(a, b) { return a - b; });},// 冒泡排序bubbleSort: function(array) { var i = 0, len转载 2017-05-22 14:19:32 · 254 阅读 · 0 评论 -
jQuery二级下拉菜单 下拉箭头翻转动画
附上用到的图片:原文地址:http://www.html5tricks.com/jquery-dropdown-menu-icon.html转载 2017-04-21 11:21:37 · 3108 阅读 · 0 评论 -
调用优酷视频播放器APi代码
调用优酷视频播放器APi调用优酷视频播放器APi player = new YKU.Player('youkuplayer',{styleid: '0',client_id: 'YOUR YOUKUOPENAPI CLIENT_ID',vid: 'XMTc1NjI0MTMzNg=='});转载 2016-11-11 09:46:19 · 2361 阅读 · 1 评论 -
原生JS实现中文简繁切换
原生JS实现中文简繁切换:原生JS实现中文简繁切换 - 站长素材* { margin: 0; padding: 0; list-style: none; border: 0;}body { background: #eee;}.content { padding: 0 15px; width: 650px; margin: 50px auto; bord转载 2016-11-03 11:08:04 · 9797 阅读 · 0 评论 -
可控制导航下拉方向的jQuery下拉菜单代码
可控制导航下拉方向的jQuery下拉菜单代码:可控制导航下拉方向的jQuery下拉菜单代码*{ margin:0; padding:0; list-style:none;}.nav{ width:700px; height:30px; line-height:30px; margin:200px auto;}.nav li a{ color:#fff; text-decora转载 2016-11-03 10:58:30 · 425 阅读 · 0 评论 -
jquery简单树形菜单代码
jquery简单树形菜单代码:jquery的树形菜单代码 @charset "utf-8";body{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#666666;margin:0px;padding:0px;background:#fff;}p,from,h1原创 2016-11-03 10:54:50 · 767 阅读 · 0 评论 -
可控制导航下拉方向的jQuery下拉菜单代码
可控制导航下拉方向的jQuery下拉菜单代码*{ margin:0; padding:0; list-style:none;}.nav{ width:700px; height:30px; line-height:30px; margin:200px auto;}.nav li a{ color:#fff; text-decoration:none; display:block; flo原创 2016-10-09 10:50:18 · 554 阅读 · 0 评论 -
jquery实现的一个超级简单的下拉菜单
nav a { text-decoration: none; } nav > ul > li { float: left; text-align: center; padding: 0 0.5em; } nav li ul.sub-menu { display: none; padding-left: 0 !important; } .sub-menu li { co原创 2016-10-09 10:33:00 · 337 阅读 · 0 评论 -
css实现图片垂直居中(兼容IE6/IE7)
图片垂直居中兼容ie系列优劣对比:1.利用table-cell实现居中,font-size做兼容兼容IE6+/FF/Chrome优点:不添加任何多余标签,兼容主流浏览器缺点:需要计算处理font-size2.利用line-height实现居中兼容IE7+/FF/Chrome优点:不需要任何hack,兼容IE7+主流浏览器缺点:此方原创 2016-07-06 17:56:30 · 856 阅读 · 0 评论 -
三级下拉菜单 (通用版)
<!--function CreateSelect(_FormName,_SName,_SValue,_Ds,_AllOptionStr,ShowType){ //三级关链菜单通用版 //作者:海娃, 有问题请到http://www.51windows.Net留言。 if (_FormName=="") _FormName = "all" var _DsArr = _Ds.spli转载 2016-07-05 10:15:29 · 412 阅读 · 0 评论 -
jquery简单菜单下拉导航
jquery简单菜单下拉导航代码如下:复制运行即可简单导航菜单*{ margin:0; padding:0; list-style:none;}#nav { margin: 0; padding: 0; list-style: none; border-left: 1px solid #d5dce8; border-right: 1px solid #d5原创 2016-11-02 09:22:55 · 552 阅读 · 0 评论 -
jquery多个鼠标移上显示下拉菜单
jquery多个鼠标移上显示下拉菜单: demo <!-- jQuery(document).ready(function ($){ //$(".subCategory").hide(); $(".down").each(function(i,obj){ $(obj).hover ( function原创 2016-11-02 09:25:48 · 639 阅读 · 0 评论 -
jquery判断当前浏览器的实现代码
使用方法: $.browser.['浏览器关键字'] $(function(){ if($.browser.msie){ alert("this is msie"); }else if($.browser.safari){ alert("this is safari!"); }else if($.browser.mozilla){ alert("this is转载 2017-03-23 17:44:57 · 267 阅读 · 0 评论 -
JS获取IP、IP所在城市、域名、完整URL、当前时间
JS获取IP、IP所在城市、域名、完整URL、当前时间JS获取IP、IP所在城市、域名、完整URL、当前时间 var d=new Date();document.getElementById("time").value=d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日"+d.getHours()+"点"+原创 2017-03-22 13:55:37 · 954 阅读 · 0 评论 -
js制作404错误页面5秒钟倒计时自动跳转
404错误页面 404 Sorry,this page flew to the moon! 5秒后自动跳转,如果不跳转,请点击下面的链接返回首页 function delayURL(url) { var delay = document.getElementById("time").innerHTML; if(delay > 0) {原创 2017-03-09 10:28:46 · 526 阅读 · 0 评论 -
jquery点击下拉菜单鼠标移开隐藏(可模拟下拉框)
$(document).ready(function(){ $("ul.subnav").parent().append(""); $("ul.topnav li span").click(function() { $(this).parent().find("ul.subnav").slideDown('fast').show(); $(this).parent().hover原创 2017-03-08 17:12:42 · 2028 阅读 · 0 评论 -
jquery简单实现tab选项卡效果
最简单选项卡div{margin:0;padding:0;width:184px;height:200px;border:1px solid #ccc;display:none;}.tab{margin:0;padding:0;list-style:none;width:200px;overflow:hidden;}.tab li{float:left;width:60px;height转载 2016-12-15 17:02:43 · 444 阅读 · 0 评论 -
js鼠标滚动到某个位置导航菜单显示
js鼠标滚动到某个位置导航菜单显示:$(function(){var pcontent_right_height = $(".pcontent_right").offset().top;$(window).scroll(function(){if($(window).scrollTop()>pcontent_right_height){$(".pcontent_left").sh原创 2016-12-05 10:54:36 · 2615 阅读 · 0 评论 -
史上最简单jquery轮播图
直接上代码:序号body{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#666666;margin:0px;padding:0px;background:#fff;}p,from,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}原创 2016-11-18 17:54:16 · 1102 阅读 · 0 评论 -
jquery带定时器的多个下拉菜单
jquery带定时器的多个下拉菜单无标题文档*{ margin:0; padding:0; list-style:none;}.list{ width:800px;}.pl-text{padding: 20px 0; font-size: 14px; height: 21px;}.pl-fr{float: right; position: relative原创 2016-11-02 09:50:13 · 546 阅读 · 0 评论 -
jquery鼠标移上div切换
样式:.tb_box{ padding:20px; position: absolute; left:0; right:0; width: 50%;margin:auto; background:#eee;}.tb_box span{display:block; padding:20px; width:120px; margin:0 auto; text-align:center; bor原创 2016-07-13 11:50:44 · 869 阅读 · 0 评论