以梦为马，不负韶华。

导航

随笔分类 -  jquery小案例

jQuery图片轮播插件布局
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-06-05 11:37 小冉哥、 阅读(116) 评论(0) 推荐(0)

jQuery图片轮播插件
摘要：;(function($){ $.fn.slider=function(options){ var defaults={ autoScroll:true,//是否自动滚动 spend:2000,//运动速度值 numControl:false, //页码数字 arrowControl:false / 阅读全文

posted @ 2020-06-05 11:35 小冉哥、 阅读(190) 评论(0) 推荐(0)

jQuery写闪烁的星星
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>闪烁星星</title> <style type="text/css"> *{ margin: 0; padding: 0; } .main{ margin: 0 auto; wi 阅读全文

posted @ 2020-06-04 14:39 小冉哥、 阅读(556) 评论(0) 推荐(0)

jQuery写放大镜效果
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-06-04 10:56 小冉哥、 阅读(114) 评论(0) 推荐(0)

jQuery自定义滚动条
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-06-03 11:46 小冉哥、 阅读(266) 评论(0) 推荐(0)

jquery计算器
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-05-14 16:33 小冉哥、 阅读(278) 评论(0) 推荐(0)

jquery自定义动画
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box{ width: 200px; height: 200px; background-color: pink 阅读全文

posted @ 2020-05-14 16:28 小冉哥、 阅读(165) 评论(0) 推荐(0)

jquery实现推拉门效果
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ margin: 0; padding: 0; /* background-color: pi 阅读全文

posted @ 2020-05-14 16:26 小冉哥、 阅读(267) 评论(0) 推荐(0)