摘要: (1)chrome浏览页面常用快捷键 1、Ctrl+N 打开新窗口。 2、Ctrl+T 打开新标签页。 3、Ctrl+W 关闭当前标签 4、Ctrl + F4 关闭chrome浏览器 5、Ctrl+Tab 切换到下一个标签页。 6、Ctrl+Shift+Tab 切换到上一个标签页。 7、Ctrl+1 阅读全文
posted @ 2020-08-18 20:13 Amerys 阅读(382) 评论(0) 推荐(0)
摘要: 一、默认 二、内容会消失 三、解析 上代码: 1 <p>点击输入框 placeholder内容还会显示</p> 2 <input type="text" placeholder="成功标准类型名称" /> 3 <br> <!-- 换行显示,无其他功能 --> 4 <br> <!-- 换行显示,无其他 阅读全文
posted @ 2020-08-08 17:31 Amerys 阅读(915) 评论(0) 推荐(0)
摘要: 此版本基于原生jQuery写法 (另一版本为Javascript版本,请前往Javascript分类中查看。) 嗨~ 来到这里相信大家已经看过Javascript版本的写法了。来到这才发现什么叫做没有对比就没有伤害,同时也体现了jQuery的特性:写的少做得多。 功能:鼠标悬浮表情,在指定区域显示当 阅读全文
posted @ 2020-08-08 17:05 Amerys 阅读(142) 评论(0) 推荐(0)
摘要: 此版本基于原生Javascript写法 (另一版本为jQuery版本,请前往jQuery分类中查看。) 一、涉及的知识点: 1、DOM 操作 (1)查找节点 创建元素 添加元素 方法1 ​ (2)字符串拼接 渲染字符串 方法2 ​ (3) 鼠标移入事件 2、呃......至于表情这个东西嘛,就自行找 阅读全文
posted @ 2020-08-08 16:48 Amerys 阅读(136) 评论(0) 推荐(0)
摘要: 本文章实现是一个导航菜单的功能 (1)点击当前菜单显示二级菜单,再次点击收起当前菜单。 (2)当有一个二级菜单显示,点击其他菜单,上一个已点击菜单会收起。只展示当前点击的菜单,只显示一个菜单,类似手风琴的效果。 效果: 实现步骤: 1、html代码: 1 <div class="menu"> 2 < 阅读全文
posted @ 2020-08-08 14:23 Amerys 阅读(199) 评论(0) 推荐(1)
摘要: 本文章实现是基于jQuery展示商品描述的一个功能 (1)鼠标移入显示描述内容,鼠标移开内容隐藏.先来看看一个先后效果。 (2)jQuery所以的文件可以自行下载,也可以在我主页找到文件,右键文件名复制链接,又或者联系我。 (3)效果是带动画的,animate() 是jQuery里封装好的动画函数。 阅读全文
posted @ 2020-08-08 12:07 Amerys 阅读(196) 评论(0) 推荐(0)
摘要: 本文章仅列举了文本处理中的两个效果,文字阴影和文本溢出的处理,个人认为文本溢出处理用的会比较多,例如电商网站中的商品标题就可以用到。接下来是演示部分。 一、文字阴影(text-shadow) 菜鸟教程: 简单来说:text-shadow: 20px 20px 5px #000 ; (x轴偏移,x轴偏 阅读全文
posted @ 2020-08-08 11:26 Amerys 阅读(321) 评论(0) 推荐(0)
摘要: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit 阅读全文
posted @ 2020-07-18 10:45 Amerys 阅读(234) 评论(0) 推荐(0)