- 博客(11)
- 收藏
- 关注
RSS订阅原创 广告轮播图 javascript代码实现
实现一个电商页面中的广告轮流播放的框框内容 主要包括以下几个功能:1.鼠标移入广告内出现左右点击按钮 点击按钮可左(右)查看 上(下)一个广告图片 鼠标移出广告后 点击按钮隐藏;2.广告下方有对应广告图片个数的索引标记点,根据当前播放的图片相应索引标记点样式改变 ;3.鼠标放在相应索引标记点可直接动画跳转到相应广告图片;4.鼠标不经过广告内时广告自动轮流播放;5.鼠标经过广告内广告自动播放停止.HTML结构:<div class="middle" id="lunfandiv">
2020-11-03 11:57:21
1902
原创 HTML5+CSS3第一天
html5新增了语义化的标签，因为传统的div标签对于搜索引擎来讲是没有任何语义的，html5增加的header（头标签），nav（导航栏标签），article（内容标签），section（块级标签），aside（侧边栏标签），footer（尾部标签），语义化标签是针对搜索引擎的，在IE9中上述的标签都是行内元素，都需要转化成块（block）或者行内块（inline-block）元素才能进行添加内容。低版本的浏览器不支持这些语义化的标签。新学的标签：音频标签audio，视频标签video，具体属性以及样
2020-10-04 21:24:33
194
原创 HTML+CSS静态项目--仿京东首页
这次一共写了四个页面，都是模仿京东的页面来写的，主要写了首页，商品页面，商品详情页面以及用户注册四个页面，源代码可参照https://github.com/Labef-Peppa/imitate-jd.git 地址直接git-clone下载，下载后的jingdong文件夹就是整个所有html+css文件以及所有的图片文件具体效果图如下：整个四个静态页面编写过程中可以改进的地方以及不会写的还有新学的知识：1.首先网页的标志图片，要使用ico文件，可以在bitbug.com网站生成ico文
2020-10-03 19:52:38
2796
5
原创 CSS学习第6 & 7天
第6天：今天主要学习了css当中定位相关的内容定位：把盒子定在某一位置，自由的漂在其他盒子（包括标准流和浮动）的上面。定位=定位模式+边偏移（top-bottom-left-right）定位包括四种：1.static静态定位，默认的定位也就是无定位的意思，一般不用；2.relative相对定位，指相对于自己原来位置的定位，会保留自己的位置3.absolute绝对定位，指元素以带有定位的父级元素（祖先中第一个有定位的元素）来移动位置，如果其所有的父级元素都是无定位的，就依照浏览器标准来定位，绝对
2020-09-28 21:30:52
260
原创 CSS学习第五天
今天主要是练习写了学成在线网页的页面代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>学成在线</title> <link rel="style
2020-09-26 21:17:39
1248
原创 CSS学习的第3天
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* css第一句话，清楚默认内外
2020-09-25 23:43:20
177
原创 CSS Day 4th
今天主要学习了css里的浮动相关内容首先了解了css布局的三种机制：普通流，浮动和定位。浮动是指：①脱离普通标准流的控制；②移动到指定的位置。float具体解释：浮：漂浮在普通流的上面，脱离了普通标准流漏：浮动的盒子把自己原来的位置漏给了下面的标准流的盒子，不占有原来位置，是脱离标准流的，也就是脱标特：float会改变元素的display属性 无论什么属性都会更改为block块内元素属性，而且任何元素都可以浮动浮动之后的元素会相互贴在一起，不会像行内块那样中间留有空白间隙。从而可以根据自己控制
2020-09-25 21:30:04
327
原创 CSS学习第二天
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* css复合选择器，可以更准确
2020-09-24 16:59:50
195
原创 CSS学习第一天
CSS学习第一天知道css有三种方式：1.行内式，写在html标签内部；2.内部式，写在一个html页面的head中间用style包起来，只能在当前页面使用；3.外部式，单独建立一个.css文件，所有的html文件都可以调用这个css文件使用。学习了css选择器，选择器就是来选择标签用的，把想要的标签给选择出来。css选择器简单说就是把原来在标签内的一些属性给他单独的列出来，从而能够达到可复用，用的比较多的就是class类选择器，而id选择器虽然只能够用一次但是在js中用的比较多，通配符选择器会
2020-09-24 16:59:36
178
原创 2020-09-21
前端第二天<!DOCTYPE html><html lang="zh-CN"> <head> <title> 前端之旅第二天 </title> </head> <body> <!-- table是表格，tr是一行，td是一行的一个小格 --> <!-- border加表格边框，width设置
2020-09-24 16:59:13
135
原创 HTML学习第二天
编写一个简单的百度注册页面：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body&g
2020-09-24 16:58:34
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人