jquery案例3-模仿京东轮播图
摘要：1.效果 2.代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动画</title> <style> * { margin:0px; padding:0px; } li { list-style: n
阅读全文
posted @ 2021-12-08 00:17
12 2021 档案
效果2-滑动-滑入效果
摘要：1.效果展示 2.代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
阅读全文
posted @ 2021-12-07 15:50
效果1-时间展示-隐藏
摘要：1.效果 2.代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
阅读全文
posted @ 2021-12-07 15:36
jquery案例三-导航展示
摘要：1.模拟某平台页面效果完成 2.代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1
阅读全文
posted @ 2021-12-06 17:13
jquery案例2-手风琴案例
摘要：1.效果 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>手风琴</title> <style> .wrap { width: 500px; margin:0 auto; } a { text-de
阅读全文
posted @ 2021-12-05 23:05
jquery案例1-导航栏事件
摘要：1.效果 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标划入画出事件</title> <script src="jquery.js"></script> <style> * { padding
阅读全文
posted @ 2021-12-05 23:04
