balidui8328-CSDN博客

转载一张图片无限放大缩小效果

<img src="img/putao.png" width="100px" height="80px">　　<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script><script type="text/javascript">...

2019-09-12 11:10:00 1014

转载全选/取消全选

var isCheckAll = false; function swapCheck() { if (isCheckAll) { $("input[type='checkbox']").each(function() { this.checked = false; ...

2019-09-04 14:37:00 205

转载 mui横向滚动选项卡

转自https://www.cnblogs.com/Dark-fire-liehuo/p/10429476.html<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> ...

2019-07-23 15:33:00 414

转载 div内容溢出显示两行多余显示省略号

超出显示省略号overflow: hidden;white-space: nowrap;text-overflow: ellipsis;两行之后超出显示省略号text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-b...

2019-07-16 16:16:00 735

转载 keyframes

.Khuachu { animation: myfirst 0.5s; -webkit-animation: myfirst 0.5s; /* Safari and Chrome */ display: block;}@keyframes myfirst { from { position: fixed; right: -300px; } to { position: fixe...

2019-06-20 17:26:00 114

转载 js判断移动端PC端登录引入不同的css与js

function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match...

2019-06-14 09:55:00 745

转载 mui底部选项卡不跳转

mui('.mui-bar-tab').on('tap','a',function(){document.location.href=this.href;});转载于:https://www.cnblogs.com/yyy251/p/11011051.html

2019-06-12 17:33:00 283

转载点击添加商品删除商品

//点击插入$('.Insert').each(function(){ $(this).click(function(){ var s = $(this).text(); var a = s.substring(0,s.length-1); //减掉右侧的加号 $(".SelectOkList").appe...

2019-05-16 16:05:00 689

转载 jquery手机端翻页倒计时

CSS@charset "utf-8"; #holder { margin: 0px auto 0 auto; width: 240px; height: 38px; text-align: center; background-color: #333333; margin-top: 10px...

2019-05-10 14:53:00 585

转载随机验证码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="textCode" /> <label class="m...

2019-03-21 09:44:00 155

转载随窗口大小而改变

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-s...

2019-03-12 14:38:00 78

转载微信小程序tab选项卡功能

WXML<view class="swiper-tab"><view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">全部</view><view class="swiper-tab-item {{c...

2018-12-04 16:52:00 263

转载 css中transition的用法

2018-10-18 22:48:00 339

转载 mui轮播绑定

<div class="mui-content"> <ul class="mui-table-view mui-table-view-chevron"> <li id="switch" class="mui-table-view-cell" style="disp...

2018-08-20 14:27:00 75

转载 CSS媒体查询判断

2018-07-27 09:48:00 578

转载其他css小常识

//div内容超出显示省略号overflow: hidden; //把超出的内容进行隐藏white-space: nowrap; //设置内容不换行text-overflow: ellipsis; //设置超出内容为省略号//去掉img白边display: block;//div内文字超出强行换行 white-space: normal; ...

2018-07-05 17:57:00 75

转载 mui弹窗input变成textarea

//css/*弹窗*/ .mui-popup-title { color: #E26602; font-size: 16px; } .mui-popup-button { color: #E26602; font-size: 15px; ...

2018-07-05 17:54:00 1514

转载 Swiper无法滑动

初始化时候获取需要加载多少图片var mySwiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, longSwipesRatio: 0.3, touchRatio: 1, ...

2018-07-04 16:46:00 489

转载改变checkbox的样式（选项框中加图片）

input[type='checkbox'] { width: 20px; height: 20px; background-color: #fff; -webkit-appearance: none; border: 1px solid #c9c9c9; border-radius: 2px; outline: none; } ....

2018-06-13 21:49:00 3063

转载把mui对话输入弹窗的input改为textarea

document.getElementById("promptBtn").addEventListener('tap', function(e) { e.detail.gesture.preventDefault(); var btnArray = ['取消', '确定']; mui.prompt('', '请输入详细地址', '详细地址', btnArray, function...

2018-06-13 15:35:00 847

转载 mui轮播

2018-06-12 11:10:00 95

转载用css改变radio样式

input[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-right: .4em; ...

2018-06-12 09:02:00 559

转载 js单纯的倒计时

<div>倒计时<span id="ant">123</span>秒</div>window.onload = function () { var odiv = document.getElementById("ant"); var count = 60; odiv.innerText =...

2018-05-31 20:31:00 77

转载点击图片背景音乐开始暂停，图片旋转停止

//css部分.MusicImg { position: fixed; top: 2%; z-index: 999; width: 40px; height: 40px; right: 3%; -webkit-animation: ...

2018-05-15 09:54:00 1353

转载 mui上下滑动

//引入mui.min.cssmui.min.js//body<div class="mui-scroll-wrapper"> <div class="mui-scroll"></div> </div>//jsmui('.mui-scroll-wrapper').scroll({ dece...

2018-05-14 17:17:00 908

转载 mui中去掉li的下划线

去掉最下面一条.mui-table-view:after { position: absolute; right: 0; bottom: 0; left: 0; height: 0px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); backg...

2018-05-10 09:44:00 1211

转载改变placeholder颜色的两种方法

方法一：input::-webkit-input-placeholder { /* WebKit browsers */ color: red; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: red; } input::-moz-placeholder { /* ...

2018-05-08 15:50:00 5397

转载微信小程序开发错误代码

状态码（场景值）说明-1系统繁忙0请求成功40001验证失败40002不合法的凭证类型40003不合法的OpenID40004不合法的媒体文件类型40005不合法的文件类型40006不合法的文件大小40007不合...

2018-05-07 13:40:00 268

转载后台输出的数据进行字符判断，小数点后边是0不显示，不是0显示

var memberprice = item.JSON_memberprice; var array = memberprice.split('.'); var array1 = parseInt(array[0]); var array2 = parseInt(array[1]); ...

2018-05-04 15:16:00 802

转载判断input内的字符是不是数字或字母

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="mInput" /> <div onclick="btn...

2018-05-03 14:45:00 601

转载手机端底部按钮隐藏与显示

var oHeight = $(document).height(); //屏幕当前的高度 $(window).resize(function () { if ($(document).height() < oHeight) { $("#next").css("display", "none"); } else {...

2018-04-26 17:41:00 583

转载 CSS改变checkbox样式

换图的方法input[type='checkbox'] { width: 20px; height: 20px; background-color: #fff; -webkit-appearance: none; border: 1px solid #c9c9c9; border-radius: 2px; outline: none; }...

2018-04-20 16:59:00 78

转载 js小数取整小数保留两位

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="aa">12.00</div> <div id="bb">12.6...

2018-04-20 11:48:00 217

转载如何判断打开页面时使用的设备？

　　if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { 　　　　如果是手机或者iPod等执行。　　}else{　　　　电脑执行。　　};转载于:https://www.cnblogs.com/yyy251/p/8423182.html...

2018-02-06 17:10:00 178

转载 H5 拖放实例

简单拖放<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1 { width: 300px; height: 150px; pa...

2018-01-12 16:07:00 99

转载根据手机系统引入不同的css文件

var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac O...

2018-01-04 17:23:00 261

转载 HTML 5 video 视频标签全属性详解（转）

转自http://www.cnblogs.com/kiter/Video标签的使用Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性，以及一个内部使用的标签<source>。Video标签内除了可以包含<source>标签外，还可以包含当指定的视频都不能播放时...

2017-10-13 11:12:00 349

转载 js的各种事件

转自：http://www.cnblogs.com/king-ever/1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件<input type="text" value="mm" onfocus="if(value==...

2017-07-20 15:57:00 2261

转载 CSS鼠标变图标

cursorauto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-te...

2017-06-30 14:30:00 389

转载 HBuilder各种快捷键

另外还有一些实用的组合键：Alt+T→V　　(检验语法文档)Alt+L→H　　(代码历史版本)Hbuilder也要吐槽一下：1.打开相对慢。2.新建文件，为什么不能存放到电脑的目录。3.emmet输入 w100，变成了w1→white-space: ;，弄得每次都要w→Tab→再输入100px，这个体验超级繁琐。4.style，script标签默认就不要带'type=*...

2017-06-16 11:14:00 543

空空如也

空空如也