随笔分类 -  案例

上一页 1 2
javascript、css、HTML案例
模拟百度分享左侧缓慢滑出与缓慢消退效果
摘要：模拟百度分享左侧缓慢滑出与缓慢消退效果 实现效果：当鼠标移入蓝色区块时，绿色区块随即缓慢向右滑出。当鼠标移出该绿色滑块后，滑块随即缓慢向左消退。 完成效果图 主要设计思路：【1】划入与滑出效果为使用定时器不间断改变区块的left值实现。因此区块需要采用绝对定位的方式。【2】划入鼠标，left值不断增 阅读全文
posted @ 2018-07-20 17:02 请叫我二狗哥 阅读(360) 评论(0) 推荐(0)
运动案例基础案例模拟
摘要： 阅读全文
posted @ 2018-07-20 16:43 请叫我二狗哥 阅读(254) 评论(0) 推荐(0)
表格的排序
摘要：对于表格内容根据每行中的ID值进行升序排列，实现原本错乱无序的表格按照ID进行重新规则化排序。 初始HTML代码 思路：转换、排序、插入。将元素集合转换为数组，通过sort()函数进行排序，appendChild进行插入。 出现问题：1、sort()函数的具体功能了解不详细;2、元素集合和数组的区别 阅读全文
posted @ 2018-07-18 16:17 请叫我二狗哥 阅读(203) 评论(0) 推荐(0)
JavaScript在表格中模拟搜索多关键词搜索和筛选
摘要：模拟搜索需要实现以下功能： 1、用户的模糊搜索不区分大小写，需要小写字母匹配同样可以匹配到该字母的大写单词。 2、多关键词模糊搜索，假设用户关键词以空格分隔，在关键词不完整的情况下仍然可以匹配到包含该关键字的表格。 3、表格筛选，符合条件的表格展现，不符合条件的表格隐藏。 <!doctype htm 阅读全文
posted @ 2018-07-18 13:07 请叫我二狗哥 阅读(2631) 评论(0) 推荐(0)
JavaScript表格搜索高亮功能模拟
摘要：在网页表格中模拟excle的搜索高亮显示功能。当在搜索框中输入需要的姓名时，若表格中存在对应的数据，则该表格背景色变为黄色。 下面为表的HTML源码： 模拟思路：获取表格中姓名列对应的元素集合的value值，与输入表格值进行比较是否相等。若两值相等，则高亮显示，其余表格不变色。 (1)出现问题 代码 阅读全文
posted @ 2018-07-17 16:54 请叫我二狗哥 阅读(1090) 评论(0) 推荐(0)
应用JavaScript搭建一个简易页面图片无缝滚动效果
摘要：页面图片无缝滚动JavaScript原理：移动的区块包含图片内容，区块相对父级元素进行定位脱离文档流。再令区块的left值每隔固定的时间进行等量减少(或增大)从而实现区块的匀速运动。由于每次间隔移动的时间设置很短，会“欺骗”人的眼睛，形成无缝滚动效果。 脱离文档流：父元素为相对定位position: 阅读全文
posted @ 2018-07-17 11:15 请叫我二狗哥 阅读(498) 评论(0) 推荐(0)
通过DOM实现点击隐藏父元素
摘要：HTML代码简单如下： 要求：通过JavaScript实现点击a标签，实现li元素的隐藏。 完成的JavaScript代码： 1 window.onload=function() 2 { 3 var oUl=document.getElementById('ul1'); 4 /*对所有li元素进行循 阅读全文
posted @ 2018-07-13 16:57 请叫我二狗哥 阅读(1645) 评论(0) 推荐(0)
通过JS制作一个简易数码时钟
摘要：设计思路： 数码时钟即通过图片数字来显示当前时间，需要显示的图片的URL根据时间变化而变化。 a、获取当前时间Date()并将当前时间信息转换为一个6位的字符串; b、根据时间字符串每个位置对应的数字来更改图片的src的值，从而实现更换显示图片; 构建HTML基础并添加样式。 style样式 获取图 阅读全文
posted @ 2018-07-11 14:59 请叫我二狗哥 阅读(7099) 评论(2) 推荐(0)
表格元素的快捷获取以及隔行变色、鼠标移入变色案例
摘要：要求：以下列代码为基础，添加JS代码，令表格实现隔行变色效果，并且实现鼠标移入表格，该行表格背景色变为绿色，移出表格后表格恢复为原隔行变色形式的背景色。 <table id='tab1' border="1" width="500" align="center" > <thead> <tr><td> 阅读全文
posted @ 2018-07-09 16:13 请叫我二狗哥 阅读(294) 评论(0) 推荐(0)
延时提示框制作思路[简单javascript案例]
摘要：模拟QQ软件中的弹出提示框功能，制作一个简易的延时提示框。 功能实现： 1、当鼠标移入指定区块时，弹出隐藏的区块；当鼠标移出指定区块时，弹出的隐藏区块再次隐藏。 2、同时要求在鼠标移入该弹出区块后，区块继续保持显示状态，在鼠标移出弹出区块后，弹出的隐藏区块再次隐藏。 主要应用知识：setTimeou 阅读全文
posted @ 2018-07-06 17:56 请叫我二狗哥 阅读(377) 评论(0) 推荐(0)

上一页 1 2