JQuery
hy3528
这个作者很懒,什么都没留下…
展开
-
拖拽移动div(PC端和移动端)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>Document</title>原创 2020-06-09 11:58:25 · 399 阅读 · 0 评论 -
html引用腾讯地图(带导航)
请在http或https协议下使用!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2020-01-06 17:07:06 · 1903 阅读 · 0 评论 -
JS时间选择器(当天已过去的时间不可选择)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- <link href="__PUBLIC__/css/weixin/cart/orderindex.css" rel="stylesheet" type="text/css" />...原创 2019-12-27 18:22:24 · 1680 阅读 · 0 评论 -
JQuery weui日历只选择3天
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"> <link ...原创 2019-12-27 15:15:54 · 370 阅读 · 1 评论 -
当html弹出弹框层时,禁止底部层滚动
给点击事件中添加下面的代码,将导致底层无法滚动 $('body').css({ "overflow": "hidden", "height": '100%' })//禁止底层页面滚动 $('html').css({ "overflow": "hidden", "height": '100%' })...原创 2019-12-25 13:56:44 · 1483 阅读 · 0 评论 -
移动端旋转地球轮播图
<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta charset="utf-8"> ...原创 2019-12-13 09:07:13 · 272 阅读 · 1 评论 -
html利用js达成文字不断滚动·
script代码 //文本滚动 function startmarquee(lh, speed, delay, index) { var t; var p = false; var o = document.getElementById("marqueebox" + index); o.innerHTML += o.in...原创 2019-12-12 16:46:03 · 244 阅读 · 0 评论 -
html上拉刷新(调用AJAX)
引入: <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script> <link rel="stylesheet" href="//cdn.suoluomei.com/common/js2.0/dropload/v1/dropload.css" />...原创 2019-12-07 14:01:57 · 485 阅读 · 0 评论 -
JQuery中ajax应用(接口)
给id为img的图片增加一个点击事件来触发接口。 $("#img").click(function(){ $.ajax({ type: "get", //请求方式 async: false, //同步请求 url: "__CONTROLLER__/gettesttos",//接口名称(后端给) data: {}...原创 2019-12-05 09:51:51 · 100 阅读 · 0 评论 -
感恩节大转盘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-02 16:10:32 · 191 阅读 · 0 评论 -
h5移动端转盘
h5转盘<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-02 14:15:16 · 730 阅读 · 0 评论 -
html JQuery事件应用
$(document).ready(function () {//将function写在此处 $('.bt_one').click(function () { console.log(123) window.location.href = './xin.html' }) var clipboar...原创 2019-12-02 13:50:25 · 64 阅读 · 0 评论 -
html里的function()定义和使用
function 方法名(参数) {执行的代码}实例:function myFunction(a, b) {return a * b;}点击调用方法:1、在点击事件中调用(JQuery)$("button").click(function(){ $("#div1").load(myFunction()); });2、在点击事件中调用(JS)<div on...原创 2019-11-30 14:00:03 · 19441 阅读 · 1 评论 -
jqeury从接口提取数据再渲染
<script> $.ajax({ url: "__MODULE__/index/getUserGiftShopReward", type: "post", data: { }, dataType: 'j...原创 2019-11-28 15:33:08 · 425 阅读 · 0 评论 -
html 通过滚动回到顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-26 18:51:39 · 661 阅读 · 0 评论 -
JQuery简单的时间选择器(picker)
$("#my_Specific").picker({ title: "请选择日期", cols: [ { textAlign: 'center', values: ['2019', '2018', '2017', '2016', '2015', '2014', '2013', ...原创 2019-11-25 10:20:44 · 4206 阅读 · 0 评论