随笔分类 -  jQuery

jQuery 实现音乐导航案例
摘要:源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; list-style: none; } .nav { 阅读全文
posted @ 2019-04-08 14:09 豆皮没有豆 阅读(183) 评论(0) 推荐(0)
jQuery 实现弹幕效果案例
摘要:源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; 阅读全文
posted @ 2019-04-08 14:09 豆皮没有豆 阅读(169) 评论(0) 推荐(0)
jQuery 实现小米手风琴图片案例
摘要:源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; w 阅读全文
posted @ 2019-04-07 11:27 豆皮没有豆 阅读(189) 评论(0) 推荐(0)
jQuery 京东轮播图案例(三种实现方式)
摘要:①源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin:0; padding:0; font-family:微软雅黑; font-size 阅读全文
posted @ 2019-04-04 16:58 豆皮没有豆 阅读(387) 评论(0) 推荐(0)
jQuery 美女画廊案例
摘要:源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { background-color: #666; } #dv { margin: 0 200p 阅读全文
posted @ 2019-04-04 16:57 豆皮没有豆 阅读(229) 评论(0) 推荐(0)
jQuery 实现手风琴式下拉标题案例
摘要:源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } ul { list-style-type: none 阅读全文
posted @ 2019-04-03 12:21 豆皮没有豆 阅读(131) 评论(0) 推荐(0)
jQuery 实现图片突出展示(图片阴影案例)
摘要:源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; } 阅读全文
posted @ 2019-04-03 11:58 豆皮没有豆 阅读(284) 评论(0) 推荐(0)
jQuery 简单介绍,二级菜单(HTML+css;JavaScript;jQuery三种实现方式)
摘要:jQuery简介 jQuery 库可以通过一行简单的标记被添加到网页中。 在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:HTML、CSS、JavaScript。 什么是 jQuery ? jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的 阅读全文
posted @ 2019-04-03 11:45 豆皮没有豆 阅读(290) 评论(0) 推荐(0)