2021年8月26日
ajax - 模板引擎模仿百度搜索
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-26 19:46 charonmomo 阅读(42) 评论(0) 推荐(0)
ajax - 模拟百度搜索
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-26 17:46 charonmomo 阅读(50) 评论(0) 推荐(0)
2021年8月25日
jQuery - 页面楼梯导航实例
摘要： var $jds = $(".louceng .jd"); var $lis = $(".subnav ul li"); var arr = []; $jds.each(function(i){ arr[i] = $(this).offset().top; }) $(document).scroll 阅读全文
posted @ 2021-08-25 18:13 charonmomo 阅读(151) 评论(0) 推荐(0)
jQuery - 返回顶部的两种方式 (直接跳转, 运动方式)
摘要： $backTop.click(function () { // 让页面滚动到顶部 // 直接跳转到顶部 $(document).scrollTop(0); }) // 以运动方式返回顶部 $backTop.click(function () { // 让页面滚动到顶部 // 滚动的元素要选择 htm 阅读全文
posted @ 2021-08-25 16:34 charonmomo 阅读(207) 评论(0) 推荐(0)
js - 动态轮播图
摘要： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>京东商城</title> <style> * { margin: 0; padding: 0; list-style: none; } .slider { 阅读全文
posted @ 2021-08-25 15:00 charonmomo 阅读(55) 评论(0) 推荐(0)
js案例 - 手风琴轮播图
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } ul { list-style: none; width: 阅读全文
posted @ 2021-08-25 11:29 charonmomo 阅读(168) 评论(0) 推荐(0)
js 多个动态下拉菜单
摘要： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: n 阅读全文
posted @ 2021-08-25 11:18 charonmomo 阅读(287) 评论(0) 推荐(0)
2021年8月24日
jQuery 列表表格分奇偶列变色
摘要： <!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 @ 2021-08-24 18:43 charonmomo 阅读(43) 评论(0) 推荐(0)
网页tab栏
摘要： <!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 @ 2021-08-24 18:06 charonmomo 阅读(105) 评论(0) 推荐(0)
2021年8月23日
验证法几秒后重新发送
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-23 21:15 charonmomo 阅读(308) 评论(0) 推荐(0)