![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web小技能
文章平均质量分 88
卡布奇诺奶茶的独特
*★你若安好便是晴天★*
展开
-
《相关div图层被鼠标点击变色及div图层颜色切换》
概述:为了产生较好的用户体验程度,下述代码将实现:当div图层被鼠标点击时其背景色变为其他颜色。当鼠标点击另一个div图层时,第一次被点击的div图层变为原来的颜色,此时被点击的的div图层变为 其他颜色。下面将有两种方式来实现上述功能。代码详情一: 鼠标点击相关div图层变色及div图层颜色切换原创 2017-02-06 20:31:23 · 1110 阅读 · 0 评论 -
《获取当前时间钟》
概述:此文件描述了如何获取当前时间点并以动态的方式显示在Web浏览器端.代码详情: 获取当前时间钟 //获取当前时间钟 var count = 0; function showTime(){ var d = new Date(); //年 var year = d.getFull原创 2017-03-13 14:38:14 · 298 阅读 · 0 评论 -
《倒计时》
概述:此文件实现了简单时间倒计功能并可自定义设置停止计时的时间量.Web截图:代码详情: 倒计时 div{ width:500px;/*div宽度:500像素*/ margin:0 auto;/*div居中*/ padding-left:10px;/*div内部内容原创 2017-06-07 15:55:22 · 282 阅读 · 0 评论 -
《div图层被鼠标划过时其背景色变色的五种方式》
概述:同样是为了提高用户体验程度,本篇内容将叙述:div图层被鼠标划过时其背景色改变,鼠标离开相关div图层时其颜色变为原来的颜色。实现上述效果下面总结了五种实现方式,请您耐心阅读,或许会有点收获。Web截图:代码详情: div图层被鼠标划过时其背景色变色的五种方式原创 2017-02-07 11:38:22 · 1167 阅读 · 0 评论 -
《鼠标点击【onclick】事件及Div的显示与隐藏制作站内分类栏》
概述:制作网页站内分类栏,实现事物信息的分类,让浏览者对事物信息一目了然,此文件只是初始文件,具体需求,由你来掌控。Web截图: 代码详情: DIV制作站内分类栏 /* *container01模块样式 */ .first{ width:90原创 2017-03-23 19:20:38 · 2011 阅读 · 0 评论 -
《鼠标事件【onmouser】及Div的显示与隐藏》
概述:此文件可以初步实现网站中分类导航栏并以鼠标切换内容,后期内容的添加完善,需要您的参与,谢谢。Web截图:代码详情: 鼠标事件【onmouser】及Div的显示与隐藏 /* *controler选择器中div的样式属性 */ .con{ width:60px; h原创 2017-03-27 09:52:38 · 472 阅读 · 0 评论 -
《DOM对文件的增删改操作》
概述:此文件实现了DOM对UL(有序列表)内容的增加、删除、修改的操作,或许对您有所帮助.代码详情: DOM对文件的增删改操作 //创建节点,默认在“上海”下方排序 function create(){ var city = document.getElementById("city")原创 2017-03-15 13:10:45 · 275 阅读 · 0 评论 -
《查找表格内部元素及对其内容动态修改【查找表格控件】》
概述:此文件叙述了如何动态查找和修改表格内的内容,或许对您有所帮助.代码详情: 查找表格内部元素及对其内容动态修改【查找表格控件】 #myTable{ width:65%; border-collapse:collapse; text-align:center; ma原创 2017-03-14 12:52:33 · 325 阅读 · 0 评论 -
《文本域字数监控》
概述:如下代码可以实现对文本域中字符串数量进行限制,并且可以知道已输入字符串数量和剩余字符串数量。对文本域字符串数量进行控制可以实现缓解后台数据信息量压力,下面代码其他网站也有记载,仅供参考,谢谢。代码详情: 文本域字数限制 #first{ width:200px; height:原创 2017-02-06 14:23:12 · 295 阅读 · 0 评论 -
《时间戳、日期字符串》
概述:此文件描述了获取当前日期的时间戳的三种方式、以现有时间戳来生成对应的日期字符串格式、当前时间换日期字符串个格式,总共三个功能点.代码详情: 时间戳、日期字符串 /* *获取当前日期的时间戳 */ //当前日期转换成时间戳(方式一) var timestamp = (new Dat原创 2017-03-13 14:20:34 · 232 阅读 · 0 评论 -
《JS控制表格奇偶数行背景色变换》
引言:当我们利用html标记表签语言制作出一张普通的信息表格时,为了摆脱单调,提高用户体验,我们可以为其添加各种动态效果,以满足用户在操作表格时所带来的效果乐趣。内容概括:当鼠标移动到表格上的相关单元行时,其相关行的背景色改变【颜色自定义】,并且单元行背景色的改变会根据表格行的奇偶性来改变,从而产生背景色变换的效果。内容截图:原创 2017-02-24 15:54:13 · 5681 阅读 · 0 评论 -
Div被鼠标划过时其背景色变色的第六种方式
概述:此文件将利用JS编码实现相关div图层的颜色变幻,内有onmouseover、onmouseout鼠标事件。图示:代码详情: target #fi原创 2017-05-24 14:48:19 · 5385 阅读 · 0 评论