12 2021 档案

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 孤灯引路人 阅读(80) 评论(0) 推荐(0)

效果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 孤灯引路人 阅读(61) 评论(0) 推荐(0)

效果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 孤灯引路人 阅读(67) 评论(0) 推荐(0)

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 孤灯引路人 阅读(41) 评论(0) 推荐(0)

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 孤灯引路人 阅读(65) 评论(0) 推荐(0)

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 孤灯引路人 阅读(62) 评论(0) 推荐(0)

导航