xcj888it-CSDN博客

转载 tarbar mui

https://www.jianshu.com/p/d191eee3cd0a

2018-11-21 10:54:13 287

转载 mui消息框alert，confirm，prompt，toast

2018-08-18 09:45:54 918

转载 mui底部tab切换

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal

2018-08-15 17:33:24 1132

原创 jq点击显示隐藏下拉菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>toggle</title> <script src="js/jquery-3.1.0.min.js"&

2018-08-12 16:51:59 5446

转载 h5蒙版

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>蒙版||遮罩</title> <style>

2018-07-23 19:21:52 796

原创 jquery遍历轮播图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>遍历轮播图</title> <style> *{padding:0;margin:0;}

2018-07-23 11:55:36 858

转载 jquery输入框搜索提示

<!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> &am

2018-07-22 09:12:14 736

原创 vue事件委托实现点击切换

<template> <div class="allWrap"> <ul @click.stop="fn($event)" class="text-left left"> <li v-for="item in menus" :mark="item.mark">{

2018-07-20 16:44:34 2155

原创 jqAjax点击加载

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ajaxpagination</title> <link href="https://cdn.bootcss.com

2018-06-14 10:08:49 474

转载 php实现随机6位验证码

<?php$code="";//画布$image=imagecreatetruecolor(80, 25);imagefill($image, 0, 0, imagecolorallocate($image, 255, 255, 255));for($i=0;$i<6;$i++){ $rand_color=imagecolorallocate($image, rand(0,155...

2018-05-22 16:36:22 7388 1

转载 php实现九九乘法表，每个单元格刷新随机变色

<table border="1" align="center" cellpadding="1" cellspacing="1"> <?php for($i=1;$i<=9;$i++){ echo "<tr>"; for($j=1;$j<=$i;$j++){ $r=mt_rand(0,255)

2018-05-21 15:25:53 3214

转载 jquery实现点击返回到顶部

$(function () { $(".top-main").hide() $(function () { var height=$(window).height() $(window).scroll(function () { if($(window).scrollTop()>=height){ ...

2018-05-12 20:05:19 986

原创内容块滚动加载

$(function () { var indexNum=0; var load=false; $(window).scroll(function () { var dh=$("body").height() var wh=$(this).height() if($(this).scrollTop()>=dh-wh){ ...

2018-05-12 16:39:23 178

原创简易左轮播

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>左轮播</title> <style> *{padding: 0px;margin: 0px}

2018-05-12 14:05:39 196

转载原型方法给数组去重

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原型去重</title> </head> <body> <script&amp

2018-05-10 14:41:38 1080

原创 js构造函数及原型对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原型+构造函数创建工厂</title> </head> <body> <scr

2018-05-10 14:12:08 142

转载 js实现div拖拽

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tuozhuai</title> <style> *{ margin:

2018-05-10 09:20:23 1273

转载 jquery实现div拖拽

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>div拖拽</title> <script src="../jquery-1.8.3.min.js"&am

2018-05-10 09:18:50 4400

原创 .load单页面应用

html:<div class="nav-wrap" id="course-tab"> <ul class="flt"> <li><a href="javascript:;" nav="shou-ye">首页</a></li&

2018-05-08 07:58:33 261

转载 jquery实现tab切换超简写法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>tabs</title> <style> * {margin: 0; padding: 0; list-st

2018-05-08 07:32:03 205

转载 jquery实现导航栏吸顶

$(function(){ var a = $('#course-tab'), b =a.offset();//返回或设置导航栏相对于文档的偏移(位置) //加个屏幕滚动事件，c是滚动条相当于文档最顶端的距离 $(document).on('scroll',function(){ var c = $(document).scrollTop(...

2018-05-08 07:29:33 778

转载 js书讯快递

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js书讯快递</title> <style> #dome{ width:500px;

2018-05-08 07:22:43 837

xcj888it的博客