小胡谈前

<script type="text/javascript"> scrollTop=0 $('.mask').on("touchmove", function(e) { e.preventDefault(); }) $("#wrap").click(function() { scrollTop = document.scrollingElement.scrollTop || document.documen

js/** * 增加拖动事件 */function addDragEvent() { var flag = false; var cur = { x: 0, y: 0 } var nx, ny, dx, dy, x, y; var bodyW = $(window).width(); var bodyH = $(window).height(); function down() { flag = true; var touch; if (event.touche

一、代码 说明：纯用canvas画出来的六位随机验证码，并且有底纹和模糊点，提高信息安全性。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;s

&lt;style&gt; * { margin: 0; padding: 0; } .heart { -webkit-animation: heartbeat 1s infinite; -webk...

一、html代码一款功能强大的jquery评分插件                            $(function() {      $.fn.raty.defaults.path = 'lib/img';      $('#function-demo').raty({    

一、音乐图标旋转动画代码/*音乐图标旋转动画开始*/        #yy {            /* background:color url x y repeat 图片来自百度图片，按需要更换 */            /*background: red url("https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2406

一、放假闲来无事，复习复习原生js写的一个小游戏，多多指点！html> head> meta charset="UTF-8"> title>点灯游戏title> style type="text/css"> #tab{ width: 400px;

一、放假闲来无事，复习复习原生js写的一个小游戏，多多指点！html> head> meta charset="UTF-8"> title>点灯游戏title> style type="text/css"> #tab{ width: 400px;

一、利用canvas画的抽奖大转盘html> head> meta charset="UTF-8"> title>title> style type="text/css"> #mycanvas { border: 2px solid red;

一、图片要自己先设置好图片的名称，本演示默认是：pintu+index+.jpeg的形式，当然你也可以自己任意设置格式，但是一定要有规律。html> head> meta charset="UTF-8"> title>拼图游戏title> style type="text/css"> * {

一、代码&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt;

一、html代码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; cont

在此之前来了解一下jquery的ready与window.onload的区别，ready只是dom结构加载完毕，便视为加载完成。(此时图片没有加载完毕)，onload是指dom的生成和资源完全加载（比如flash、图片）出来后才执行。一、单张图片（图片在文档中）// HTML<img id='xiu' src="/images/logo.png"> //js $(do...

一、前期文件中引入weui.min.css，jquery-weui.min.css，jquery-2.1.4.js，jquery-weui.min.js，fastclick.js这些文件。二、html代码&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=ed...

一、HTML&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" href="css/CheckBox_Radio.css" /&gt; &lt;script type="text/javascri

一、HTML&lt;style type="text/css"&gt; * { margin: 0; padding: 0; list-style: none; } /*水平无限滚动css*/ #co...

1.首先下载安装node.js下载地址：https://nodejs.org/en/2.运行cmd，查看版本号（出现版本号说明安装成功）输入：node -v 查看node版本号（需要在6.9以上）输入：npm -v 查看npm版本号（需要在3.10以上）3.命令行工具（在cmd里安装）# 全局安装 vue-cli$ npm install --global vue-cli（安装...

1、表示发生事件：（1）非IE浏览器下，事件对应的函数有一个隐藏的变量e，表示发生事件。（2）IE下，不需要e变量，window.event表示发生事件。解决方案：用e||window.event来兼容。2、触发事件对象（触发事件的元素被认为是目标target）：（1）IE下，window.event对象有srcElement属性，但没有target属性。（2）Fire...

一、HTML&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &amp

一、HTML&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt;

一、html代码                                    body{            background-color: #8A2BE2;        }            div{                width: 100px;                height: 100px; 

一、html代码 闭包演示 * { padding: 0; margin: 0; font-family: "microsoft yahei";

一、对select进行的简单封装                            select下拉框美化                                    *{margin: 0;padding: 0;}            li{list-style: none;}            .sewvmain{widt

一、WXMLpickerbindchange="bindPickerChange1"value="{{departIndex}}"range="{{departArray}}">viewclass="list clear">viewclass='left'>{{departName}}view>viewclass='right'>imag

1、引入jq2、引入jquery.qrcode.min.js3、使用方法：      body部分：            js部分：     $('#code').qrcode("www.baidu.com");关于中文乱码处理，给出的解决方法为：$(function(){        var str = "中文测试";        $('#cod

一、6位无重复验证码函数封装1.手机号码只能输入数字判断function shuzi_sjh(e){                //手机号码只能输入数字                var key=window.event?e.keyCode:e.which;                if(key>=48&&key                    

第一部分：CSS代码* {                margin: 0px;                padding: 0px;            }                        #main {                width: 600px;                height: 500px;      

第一部分：CSS            .main{                position:absolute;                /*border: 1px solid;*/                width: 250px;                height: 250px;                top: 0px;

一、返回刷新使用方法：在页面初始化的时候调用CheckReload() ，就可以实现返回刷新； function CheckReload() { if (window.name != bencalie) { location.reload(); window.name = bencali...

一、html标签替换function mystring(str) { var ret = str; while(ret.indexOf(">") >= 0 || ret.indexOf("<") >= 0) { ret = ret.replace("<", "...

1.tabBar如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。Tip：当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。2.注意：App() ...

一、wxmlcanvascanvas-id="lineCanvas"disable-scroll="true"class="canvas"hidden='{{canvaShow}}'>canvas>二、jsvar wxCharts = require('../../utils/wxcharts.js');var s

一、wxmlviewclass="weui-loadmore weui-loadmore_line"hidden="{{!searchLoading}}">viewclass="weui-loadmore__tips weui-loadmore__tips_in-line">正在加载viewclass="weui-loading">view>view>v

最近又做到了移动端，怕自己忘记移动端的知识点，所以选用博客记载下，方便自己或他人查看1.meta标签        &lt;meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/&gt;   自适应        &lt;meta content="yes" name="apple-mo...

一、html代码                  百度地图API自定义地图                          地图生成工具基于百度地图JS api v2.0版本开发，使用请申请密匙。      了解如何申请密匙      申请密匙            //创建和初始化地图函数：    f

一、代码&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt;

一、html代码                    JS实现倒计时(时、分，秒)                                    var interval = 1000;            function ShowCountDown(year, month, day, divname) {      

一、html代码                                                * {                margin: 0px;                padding: 0px;            }                        .sliper {      

一、html代码城市选择body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin: 0 auto;padding:0;font-family:"微软雅黑";color:#00C7C7}ul,li,dl,dt,dd{display:block;list-styl

一、代码                            大转盘                *{ margin: 0; padding: 0 ;font-family: Arial, Helvetica, sans-serif; font-family: "微软雅黑";font-weight: normal;}        ul,li{ list