随笔分类 -  js

上一页 1 2 3 下一页
js
正则表达式通过匹配地址增加当前选中状态
摘要：<script type="text/javascript"> var m = /.*?rule\/(.*)/.exec(window.location.href); if (m) { $('#' + m[1]).addClass('title-help') }</script> 阅读全文
posted @ 2017-03-16 13:15 简单就好zyx 阅读(158) 评论(0) 推荐(0)
原生js下拉菜单
摘要：var oDiv = document.getElementById("sunav"); var oLi = oDiv.getElementsByClassName("sunav"); for(i=0; i<oLi.length; i++){ var aLi = oLi[i]; aLi.onmous 阅读全文
posted @ 2016-08-31 09:45 简单就好zyx 阅读(921) 评论(0) 推荐(0)
JS，分页
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,in 阅读全文
posted @ 2016-08-23 14:42 简单就好zyx 阅读(276) 评论(0) 推荐(0)
原生js焦点轮播图
摘要：html： <html><head><style type="text/css">div, ul, li { margin: 0; padding: 0;}ul { list-style-type: none;}body { text-align: center; font: 12px/20px A 阅读全文
posted @ 2016-08-18 11:06 简单就好zyx 阅读(215) 评论(0) 推荐(0)
鼠标移入标题滑入
摘要：摘自世纪阳光 //case $(".case li a").live('mouseenter',function(){ //alert('enter'); $(this).children().stop(false,true); $(this).children(".pop_tit").slideD 阅读全文
posted @ 2016-07-26 13:57 简单就好zyx 阅读(185) 评论(0) 推荐(0)
点击搜索按钮地址传参
摘要：<script type="text/javascript"> $(function(){ $('.logo_hei45px .ss_btn').click(function(){ var keyword = $('.logo_hei45px .ss_bg input').val(); var se 阅读全文
posted @ 2016-07-04 16:12 简单就好zyx 阅读(227) 评论(0) 推荐(0)
移动端侧滑
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> <tit 阅读全文
posted @ 2016-06-20 11:36 简单就好zyx 阅读(129) 评论(0) 推荐(0)
html5向左滑动删除特效
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> <tit 阅读全文
posted @ 2016-06-17 17:02 简单就好zyx 阅读(321) 评论(0) 推荐(0)
点击空白处隐藏div
摘要：class="bigPic"的div是被显示或隐藏的div，另外.case > ul > li是class="bigPic"的父级元素 $("body").bind("click",function(evt){ if($(evt.target).parents(".case > ul > li"). 阅读全文
posted @ 2016-05-30 19:48 简单就好zyx 阅读(843) 评论(0) 推荐(0)
自适应屏幕焦点图
摘要：<!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.o 阅读全文
posted @ 2016-05-27 13:51 简单就好zyx 阅读(499) 评论(0) 推荐(0)
加入收藏功能
摘要：html <a href="javascript:void(0)" title="淄博安泽特气有限公司" onclick="javascript:addToFavorite(this)" >加入收藏</a> js function addToFavorite(obj) { var url = "ht 阅读全文
posted @ 2016-05-05 09:38 简单就好zyx 阅读(988) 评论(0) 推荐(0)
两排滚动js
摘要：html: <div class="mr_frbox"> <div class="showtitle"> <span>产品展示</span> <span class="show-right">News</span> </div> <div class="og_prev prev"></div> <d 阅读全文
posted @ 2016-05-03 14:33 简单就好zyx 阅读(165) 评论(0) 推荐(0)
点击轮换
摘要：script: $(function () { var sWidth = $("#smfocus").width(); var len = $("#smfocus ul li").length; var index = 0; var picTimer; var btn = "<div class=' 阅读全文
posted @ 2016-04-06 17:39 简单就好zyx 阅读(150) 评论(0) 推荐(0)
循环滚动
摘要：样式： #hotsel{position: relative; width: 100%; overflow: hidden;} #hotselul{width:92%;margin:auto; height: 250px; overflow: hidden;} .rxtj{ margin:20px 阅读全文
posted @ 2016-04-06 17:18 简单就好zyx 阅读(218) 评论(0) 推荐(0)
js传值
摘要：//传值$('.choose li').click(function(){ //alert('z'); $("#address").empty().prepend($(this).text());}) 阅读全文
posted @ 2016-02-01 17:22 简单就好zyx 阅读(187) 评论(0) 推荐(0)
黑色透明背景弹出层
摘要：<section id="tixian" class="pop_500" style="display: none"> <section class="modal2"> <em class="close" onClick="hideid('tixian')"><img src="assets/ima 阅读全文
posted @ 2016-02-01 17:15 简单就好zyx 阅读(488) 评论(0) 推荐(0)
发送验证码
摘要：Amaze UI Examples--> 阅读全文
posted @ 2015-09-07 15:23 简单就好zyx 阅读(290) 评论(0) 推荐(0)
阻止冒泡事件
摘要：$(function() { $('.hb_table').live('click', function(e) { e.stopPropagation(); $(this).children('p').hide(); $(this).children('.aa').sh... 阅读全文
posted @ 2015-08-11 17:08 简单就好zyx 阅读(91) 评论(0) 推荐(0)
js屏蔽f12键
摘要： 阅读全文
posted @ 2015-08-10 09:06 简单就好zyx 阅读(245) 评论(0) 推荐(0)
表格排序
摘要：ID排序 ID 姓名 年龄 1 张三 2 李四 3 王五 5 王五 ... 阅读全文
posted @ 2015-07-24 17:47 简单就好zyx 阅读(124) 评论(0) 推荐(0)

上一页 1 2 3 下一页