孤灯引路人 - 博客园_a56爆大奖在线娱乐

效果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 孤灯引路人阅读(56) 评论(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 孤灯引路人阅读(56) 评论(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 孤灯引路人阅读(31) 评论(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 孤灯引路人阅读(59) 评论(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 孤灯引路人阅读(52) 评论(0) 推荐(0) 编辑

css书写轮播图样式

摘要： 1.效果图 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding:0px; margin: 0px; } li { list-sty 阅读全文

posted @ 2021-11-30 21:59 孤灯引路人阅读(111) 评论(0) 推荐(0) 编辑

模拟新闻页面模块

摘要： 1.效果 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0px; padding:0px; } li { list-style 阅读全文

posted @ 2021-11-11 23:11 孤灯引路人阅读(69) 评论(0) 推荐(0) 编辑

5.模仿新浪导航栏[padding实际运用]

摘要： 1.盒子边框[border] border-width border-style ; dotted |dashed | solid border-color 综合写法: border:1px solid #ccc 思考:html中的input,table 框的边框可以通过它来进行修改，网页上面的一些阅读全文

posted @ 2021-11-11 23:10 孤灯引路人阅读(88) 评论(0) 推荐(0) 编辑

3.[css基础知识背景图片]导航栏简单实现

摘要： 1.知识点 2.效果 3.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .nav{ text-align: center; } .na 阅读全文

posted @ 2021-11-09 21:25 孤灯引路人阅读(56) 评论(0) 推荐(0) 编辑

2.[css基础知识]标签展示方式

摘要： 1知识点知识点: 块状元素和行内块元素之间转化 2.效果图 3.代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a { width:100px; 阅读全文

posted @ 2021-11-08 22:23 孤灯引路人阅读(60) 评论(0) 推荐(0) 编辑

一株草