随笔分类 -  jquery

1 2 3 下一页
前端分页
摘要：html <div class="container"> <ul class="pagination"> <li class="prev fleft" @click="prevPage()">上一页</li> <li :class="{'active':currentPage==item.val}" 阅读全文
posted @ 2020-11-16 10:42 简单就好zyx 阅读(234) 评论(0) 推荐(0)
自己写的时间轴空控件
摘要：<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="h 阅读全文
posted @ 2018-01-31 13:26 简单就好zyx 阅读(161) 评论(0) 推荐(0)
全选或不选
摘要：html <table class="table" width="100%" cellpadding="0" cellspacing="0"> <thead> <tr class="lineTh"> <th width="30"><i class="checkIcon allCheckbox"></ 阅读全文
posted @ 2017-12-27 13:52 简单就好zyx 阅读(119) 评论(0) 推荐(0)
js模拟下拉框
摘要：html <label class="selectGroup"> <span class="selectP"></span> <select class="select"> <option>类型1</option> <option>类型2</option> <option>类型3</option> 阅读全文
posted @ 2017-12-27 13:48 简单就好zyx 阅读(127) 评论(0) 推荐(0)
关于mobilesroll使用方法的再次声明
摘要：js $('#name').click(function(valueText) { $('#demo').mobiscroll('show'); // return false; }); $("#demo").mobiscroll('valueText').select({ theme: "andr 阅读全文
posted @ 2017-09-27 11:53 简单就好zyx 阅读(111) 评论(0) 推荐(0)
图片延迟加载
摘要：jQuery Lazy Load 图片延迟加载 使用方法 <script src="js/jquery-1.11.1.min.js"></script> <script src="js/jquery.lazyload.min.js"></script> $(function() { $("img.l 阅读全文
posted @ 2017-04-14 15:58 简单就好zyx 阅读(121) 评论(0) 推荐(0)
点击链接跳转到固定div位置处（类似锚点链接）
摘要：$('.joinbtn').click(function(){ var a = $("#contact").offset().top;$("html,body").animate({scrollTop:a}, 'slow'); }); 阅读全文
posted @ 2016-12-20 16:31 简单就好zyx 阅读(488) 评论(0) 推荐(0)
jQuery点击收缩展开滑动显示内容竖直手风琴代码
摘要：<div class="position"> <div class="positiontop"> <span class="mr100">招聘职位：高级开发工程师</span> <span>工作地址：北京、济南</span> <span class="lookmore fright">查看详情 <i 阅读全文
posted @ 2016-12-20 15:23 简单就好zyx 阅读(331) 评论(0) 推荐(0)
a 添加href后当前栏目如何高亮显示
摘要：//nav $(".nav li a").each(function() { $this = $(this); if ($this[0].href == String(window.location)) { $this.parent().addClass("active"); } }); 阅读全文
posted @ 2016-12-19 14:17 简单就好zyx 阅读(367) 评论(0) 推荐(0)
鼠标放上去下划线跟着滑动
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></scr 阅读全文
posted @ 2016-10-11 11:42 简单就好zyx 阅读(509) 评论(0) 推荐(0)
jq验证码换一换
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>换一换</title> <meta name="descr 阅读全文
posted @ 2016-08-23 14:41 简单就好zyx 阅读(1276) 评论(0) 推荐(0)
判断选中个数与总个数是否相等
摘要：//地区选择 $('.secondcity li').click(function () { $(this).toggleClass('selectli'); len = $('.secondcity li').length; if ($('.selectli').length == len) { 阅读全文
posted @ 2016-08-18 09:32 简单就好zyx 阅读(176) 评论(0) 推荐(0)
两张图片互相切换
摘要：图片切换 $('.selectarea img').click(function () { if ($(this).attr("src") == "/Content/images/persornalZL/select01.jpg") { $(this).attr("src", "/Content/i 阅读全文
posted @ 2016-08-12 09:12 简单就好zyx 阅读(566) 评论(0) 推荐(0)
toggle函数
摘要：$(function() { $('.love').toggle(function() { $(this).attr("src", "images/loved.png"); }, function() { $(this).attr("src", "images/love.png"); }) $(". 阅读全文
posted @ 2016-08-05 10:52 简单就好zyx 阅读(393) 评论(0) 推荐(0)
判断滚动条垂直距离
摘要：if ($(window).scrollTop() >= 300) {} 阅读全文
posted @ 2016-07-29 14:16 简单就好zyx 阅读(155) 评论(0) 推荐(0)
div滑入与滑出
摘要：html <div class="pop_tit"> <span class="p_tit1" title="大连未来城LECITY">大连未来城LECITY</span><br /> </div> css .pop_tit { width:350px; height:45px; padding:1 阅读全文
posted @ 2016-07-16 23:32 简单就好zyx 阅读(523) 评论(0) 推荐(0)
myscroll
摘要：<!DOCTYPE html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial- 阅读全文
posted @ 2016-07-04 10:11 简单就好zyx 阅读(1085) 评论(0) 推荐(0)
同意条款按钮可用
摘要：// 同意条款function isaccepted(){ if(document.getElementById("read").checked==true){ document.getElementById("submit").disabled = false; $('#submit').css( 阅读全文
posted @ 2016-06-17 14:16 简单就好zyx 阅读(306) 评论(0) 推荐(0)
jquery 日历插件datepicker格式调整
摘要：<script> $(function() { $("#datepicker").datepicker({ dateFormat: "yy/mm/dd" }); }); </script> 阅读全文
posted @ 2016-06-16 17:49 简单就好zyx 阅读(303) 评论(0) 推荐(0)
单选、复选框判断是否选中
摘要：$('.checked').click(function () { if ($(this).attr("checked") == true) { } else { } }); 阅读全文
posted @ 2016-06-15 11:36 简单就好zyx 阅读(147) 评论(0) 推荐(0)

1 2 3 下一页