硅步致远
不积跬步无以至千里,希望在不断积累中成长。这个专栏主要放置在学习过程中的Demo
云朵儿的媛码
一枚正经的程序媛
展开
-
字母Show-CSS精灵技术
效果:用户输入1-3个大写字母,下方显示对应字母的样式组合; 技术:CSS精灵技术 亮点:使用一张包含26个字母的图片,完成多字母随机组合 效果图:Html<body> <div class="choose"> <input type="text" id="txtName" class="name" placeholder="请输入1-3个大写英文字母"> <input type="button" value=原创 2020-09-07 11:39:00 · 240 阅读 · 0 评论 -
网站简易轮播图
效果图:原创 2020-06-08 15:00:18 · 163 阅读 · 0 评论 -
Footer
效果图:原创 2020-06-08 14:58:37 · 188 阅读 · 0 评论 -
网站内容模块+简单动画
效果图:鼠标滑过,加边框阴影以及上边框色彩变换,图片滚动变换效果,四种颜色如上图所示。原创 2020-06-08 14:56:15 · 113 阅读 · 0 评论 -
下拉菜单小记
效果图:自己首次钻研写出来的菜单,留念一下~心得:写之前,很多div不明白其作用,写之后发现有些div是必须的; 之前不明白为什么css文件内的选择器要写那么长,写完之后发现只有这样写全才不会漏掉,而且后期维护会很方便; 学了不少新词: @charset"utf-8"; width:calc(100%-180px) js是分大小写的,slideDown是ok的,slidedown编辑不会报错,但是没效果 /*小于1600大于1200稍微调整下字体*/...原创 2020-05-11 18:49:14 · 151 阅读 · 0 评论 -
简单的小例子
个人有个习惯,在自己还没有学会的时候让自己去写来达到识错的目的,避免眼高手低。*例子-简单的点文字消失$(document).ready();忘记加 click事件里的function忘加 选定p元素的分号忘加 this外的$()忘加有了以上自审之后,这段代码仿佛刻在脑子里,提醒我相同的错误不能再犯了。改正后:$(document).ready(function(){...原创 2020-04-23 21:59:25 · 133 阅读 · 0 评论 -
圆角导航条
效果图HTML架构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2020-01-07 17:23:51 · 403 阅读 · 0 评论 -
JavaScript初体验
上周把CSS相关内容简单过了一遍,这周开始学习JS相关内容,跬步致远这个专栏主要用来存放一些我在学习过程中的小例子。学习参考网站:w3school:https://www.w3school.com.cn/js/index.asp主要内容:JS改变HTML元素的显示内容; JS改变HTML元素的属性; JS改变HTML元素的CSS样式; JS控制HTML元素的显示; 代码如...原创 2019-12-30 15:49:45 · 200 阅读 · 0 评论 -
HTML 登录页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-12-25 09:37:55 · 615 阅读 · 2 评论