笔记
Labef_Peppa
这个作者很懒,什么都没留下…
展开
-
广告轮播图 javascript代码实现
实现一个电商页面中的广告轮流播放的框框内容 主要包括以下几个功能:1.鼠标移入广告内出现左右点击按钮 点击按钮可左(右)查看 上(下)一个广告图片 鼠标移出广告后 点击按钮隐藏;2.广告下方有对应广告图片个数的索引标记点,根据当前播放的图片相应索引标记点样式改变 ;3.鼠标放在相应索引标记点可直接动画跳转到相应广告图片;4.鼠标不经过广告内时广告自动轮流播放;5.鼠标经过广告内广告自动播放停止.HTML结构:<div class="middle" id="lunfandiv">原创 2020-11-03 11:57:21 · 1871 阅读 · 0 评论 -
HTML5+CSS3第一天
html5新增了语义化的标签,因为传统的div标签对于搜索引擎来讲是没有任何语义的,html5增加的header(头标签),nav(导航栏标签),article(内容标签),section(块级标签),aside(侧边栏标签),footer(尾部标签),语义化标签是针对搜索引擎的,在IE9中上述的标签都是行内元素,都需要转化成块(block)或者行内块(inline-block)元素才能进行添加内容。低版本的浏览器不支持这些语义化的标签。新学的标签:音频标签audio,视频标签video,具体属性以及样原创 2020-10-04 21:24:33 · 185 阅读 · 0 评论 -
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 · 2740 阅读 · 5 评论 -
CSS学习第6 & 7天
第6天:今天主要学习了css当中定位相关的内容定位:把盒子定在某一位置,自由的漂在其他盒子(包括标准流和浮动)的上面。定位=定位模式+边偏移(top-bottom-left-right)定位包括四种:1.static静态定位,默认的定位也就是无定位的意思,一般不用;2.relative相对定位,指相对于自己原来位置的定位,会保留自己的位置3.absolute绝对定位,指元素以带有定位的父级元素(祖先中第一个有定位的元素)来移动位置,如果其所有的父级元素都是无定位的,就依照浏览器标准来定位,绝对原创 2020-09-28 21:30:52 · 255 阅读 · 0 评论 -
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 · 1237 阅读 · 0 评论 -
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 · 170 阅读 · 0 评论