
Web
文章平均质量分 86
life is wonderful
pay for life, pay for yourself
展开
-
web开发学习笔记(2):HTML注释<!--..-->与JavaScript注释
转载自生活没有if-else的博客:http://blog.youkuaiyun.com/chentravelling/article/details/43090085一、JavaScript注释:1.单行注释:符号:// [javascript] view plaincopy//document.write(转载 2015-10-27 21:35:13 · 2395 阅读 · 0 评论 -
打印样式设计
如果你对许多从事网页开发的人提起打印样式,他们第一反映会想到使用打印CSS。当网页文档需要被打印时,我们已经习惯于创建一个打印样式表。这些样式表确保打印版本清晰并且保证用户不会打印出巨幅图像。然而,CSS也被用来排版图书,商品目录以及宣传册 - 这些内容在以前可能从来没有被设计成网页。在这篇文章里,我们将探索一些已有的CSS模块,它们不是在网页浏览器中使用,而是为了解决打印和分页的问题。我将解...转载 2018-09-10 18:40:47 · 2922 阅读 · 3 评论 -
Web前端开发实战6:CSS实现导航菜单结合二级下拉式菜单的简单变换
前面几篇博文都在讲导航菜单和二级下拉式菜单,其实有很多方法都可以实现的,具体的情况还要视情况而定。在后面学习到jQuery框架之后,会有更丰富的动画效果,由于在学习Ajax和jQuery的初步阶段,对于很多的复杂的导航菜单和二级下拉式菜单没法做,但是学习了CSS和JS还是能实现一些简单的变换的。这篇博文就来说说用CSS实现导航菜单结合二级下拉式菜单的两个简单变换吧。 首原创 2016-01-08 16:12:38 · 8787 阅读 · 0 评论 -
Web前端开发实战5:导航菜单(二)
四伸缩菜单之垂直方向 制作原理:我们还是在原来的水平导航菜单的基础上加以改变CSS样式实现导航菜单的伸缩变化。最简单的方法还是使用CSS样式的方法实现,制作菜单的方法很多,找到适合自己的即可。 代码:导航菜单/*CSS全局设置*/*{ margin:0; padding:0; font-size:18px; font-原创 2016-01-01 23:07:06 · 9626 阅读 · 4 评论 -
Web前端开发实战4:导航菜单(一)
在前面的博文中我们提到横向一级菜单,这里我们来看看导航菜单。导航菜单种类很多,但是制作原理都是大同小异的,这里看的比二级下拉式菜单还简单。来看一些网站上的导航菜单: 垂直导航菜单: 水平导航菜单: 一垂直菜单 制作原理:(1)用无序列表构建菜单;(2)标签的设置:ul li a{display:block;}。定义的原创 2016-01-01 22:31:16 · 12268 阅读 · 0 评论 -
Web前端开发实战3:二级下拉式菜单之jQuery实现
大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单。 使用JQuery实现需要用到的知识有: 1)使用$(function(){...})获取到想要作用的HTML元素。 2)通过使用children()方法寻找子元素。 3)原创 2015-12-31 19:42:11 · 4955 阅读 · 1 评论 -
Web前端开发实战2:二级下拉式菜单之JS实现
上一篇博文提到了二级下拉式菜单是用HTML和CSS实现的,我们这一篇来用JavaScript脚本实现下拉菜单的显示和隐藏。使用 JavaScript方法实现我们需要用的知识有: 1)JS事件:onmouseover鼠标经过事件和onmouseout鼠标离开事件。 2)JS基础语法:使用function关键字定义函数。 3)DOM编程:get原创 2015-12-31 14:04:46 · 18276 阅读 · 1 评论 -
Web前端开发实战1:二级下拉式菜单之CSS实现
二级下拉式菜单在各大学校网站,电商类网站,新闻类网站等大型?网站很常见,那么它的实现原理是什么呢?学习了Web前端开发的知识后,我们是可以实现这样的功能的。复杂的都是从基础效果上添加做出来的,原理和流程还是一样的,今天开始做一些简单的二级下拉式菜单。 横向一级菜单我们见到的很多,如下图所示是: 二级下拉菜单图: 二级下拉菜单是原创 2015-12-30 20:47:58 · 35336 阅读 · 2 评论 -
Web前端开发学习3:SEO代码优化
一代码优化概述 关于代码优化的知识是纯理论的知识,学习的很枯燥。在学到CSS时,不免遇到CSS+div进行代码优化的知识,因此在网上看了一些关于这方面的知识,简单的整合一下,梳理自己所了解的代码优化问题。 所谓代码优化是指对程序代码进行等价(指不改变程序的运行结果)变换。程序代码可以是中间代码,也可以是目标代码。等价的含义是使得变换后的代码运行结果与变换前原创 2015-10-31 18:28:17 · 6954 阅读 · 0 评论 -
Web前端开发学习1:静态网页
一静态网页概述 在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为“静态网页”,静态网页是标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言,是指没有后台原创 2015-10-21 12:20:12 · 11659 阅读 · 0 评论 -
Web前端开发学习2:动态网页
一动态网页概述 动态网页是与静态网页相对应的,也就是说,网页 URL的后缀不是htm、html、shtml、xml等静态网页的常见形式,而是以·aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号“?”。 二动态网页简介 所谓的动态网页,是指跟静态网页相对的一种网页编程技术。静态网原创 2015-10-22 12:46:31 · 10353 阅读 · 1 评论 -
解决checkbox复选框选中传值,不选中不传值的方案
解决checkbox复选框选中传值,不选中不传值的方案 问题描述:一个form表单中的结构是这样的:则页面显示结果是:如上填写数据,经过序列化后的数据是:[{"id":"1","infoType":"11","infoName":"名称1","fileIsOpen":"o"},{"id":&原创 2018-11-02 18:28:06 · 12553 阅读 · 0 评论