life is wonderful

世界上并没有完美的程序,但我们并不因此而沮丧,因为写程序本来就是一个不断追求完美的过程。...

解决checkbox复选框选中传值,不选中不传值的方案

解决checkbox复选框选中传值,不选中不传值的方案   问题描述: 一个form表单中的结构是这样的: 则页面显示结果是: 如上填写数据,经过序列化后的数据是: [ {"id":"1",&qu...

2018-11-02 18:28:06

阅读数:146

评论数:0

打印样式设计

如果你对许多从事网页开发的人提起打印样式,他们第一反映会想到使用打印CSS。当网页文档需要被打印时,我们已经习惯于创建一个打印样式表。这些样式表确保打印版本清晰并且保证用户不会打印出巨幅图像。然而,CSS也被用来排版图书,商品目录以及宣传册 - 这些内容在以前可能从来没有被设计成网页。 在这篇文...

2018-09-10 18:40:47

阅读数:178

评论数:0

Web前端开发实战6:CSS实现导航菜单结合二级下拉式菜单的简单变换

前面几篇博文都在讲导航菜单和二级下拉式菜单,其实有很多方法都可以实现的,具体的情况还要视情况而定。 在后面学习到jQuery框架之后,会有更丰富的动画效果,由于在学习Ajax和jQuery的初步阶段,对于很多的复杂的导 航菜单和二级下拉式菜单没法做,但是学习了CSS和JS还是能实现一些简单的变...

2016-01-08 16:12:38

阅读数:5406

评论数:0

Web前端开发实战5:导航菜单(二)

四伸缩菜单之垂直方向         制作原理:我们还是在原来的水平导航菜单的基础上加以改变CSS样式实现导航菜单的伸缩变化。最简单的方法 还是使用CSS样式的方法实现,制作菜单的方法很多,找到适合自己的即可。        代码: 导航菜单 /*CSS全局设置*/ *{ marg...

2016-01-01 23:07:06

阅读数:5736

评论数:4

Web前端开发实战4:导航菜单(一)

在前面的博文中我们提到横向一级菜单,这里我们来看看导航菜单。导航菜单种类很多,但是制作原理都是大同 小异的,这里看的比二级下拉式菜单还简单。来看一些网站上的导航菜单:        垂直导航菜单:        水平导航菜单:        一垂直菜单       制作原...

2016-01-01 22:31:16

阅读数:4955

评论数:0

Web前端开发实战3:二级下拉式菜单之jQuery实现

大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用。前面两篇博文分别是用CSS样式和JS实现 的,那么这篇就用jQuery来实现二级下拉式菜单。        使用JQuery实现需要用到的知识有:        1)使用$(function(){...})获取到想要作用的...

2015-12-31 19:42:11

阅读数:3821

评论数:1

Web前端开发实战2:二级下拉式菜单之JS实现

上一篇博文提到了二级下拉式菜单是用HTML和CSS实现的,我们这一篇来用JavaScript脚本实现下拉菜单的显 示和隐藏。使用 JavaScript方法实现我们需要用的知识有:         1)JS事件:onmouseover鼠标经过事件和onmouseout鼠标离开事件。         ...

2015-12-31 14:04:46

阅读数:11889

评论数:1

Web前端开发实战1:二级下拉式菜单之CSS实现

二级下拉式菜单在各大学校网站,电商类网站,新闻类网站等大型?网站很常见,那么它的实现原理是什么呢? 学习了Web前端开发的知识后,我们是可以实现这样的功能的。复杂的都是从基础效果上添加做出来的,原理和流程 还是一样的,今天开始做一些简单的二级下拉式菜单。        横向一级菜单我们见到的很多,...

2015-12-30 20:47:58

阅读数:17504

评论数:1

Web前端开发学习3:SEO代码优化

一代码优化概述        关于代码优化的知识是纯理论的知识,学习的很枯燥。在学到CSS时,不免遇到CSS+div进行代码优化的知 识,因此在网上看了一些关于这方面的知识,简单的整合一下,梳理自己所了解的代码优化问题。         所谓代码优化是指对程序代码进行等价(指不改变程序的运行结果)...

2015-10-31 18:28:17

阅读数:5092

评论数:1

web开发学习笔记(2):HTML注释<!--..-->与JavaScript注释

转载自生活没有if-else的博客:http://blog.csdn.net/chentravelling/article/details/43090085 一、JavaScript注释: 1.单行注释: 符号://            [javascri...

2015-10-27 21:35:13

阅读数:1825

评论数:0

Web前端开发学习2:动态网页

一动态网页概述         动态网页是与静态网页相对应的,也就是说,网页 URL的后缀不是htm、html、shtml、xml等静态网页的常见形 式,而是以·aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号“?”。        ...

2015-10-22 12:46:31

阅读数:3817

评论数:0

Web前端开发学习1:静态网页

一静态网页概述        在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为“静态网页”,静态网页是 标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX 控件及JAVA小程序等。静态网页是网...

2015-10-21 12:20:12

阅读数:5777

评论数:0

提示
确定要删除当前文章?
取消 删除