HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

用Masonry和lazyload插件实现网页瀑布流布局的方法

    我们经常能在网上看到很多瀑布流布局的页面,尤其是很多图片网站,例如花瓣网。这种最典型的瀑布流布局,每个元素的宽度是固定的,但图片长度各不相同,于是通过下图这种样子竖着排列了下来,达到了最大的页面空间利用率。

网页中使用google-code-prettify来让代码高亮显示的方法

     我们在写一些网页技术性的文章时,往往会贴出一些网页代码出来,但是如果不加CSS处理,直接显示在网页的话可读性就很差,所以今天就教大家利用google-code-prettify来让代码高亮显示的方法。

HTML5时代CSS字体设置

     HTML5时代已经不知不觉的到来了,看到好多电商的网站都设计的非常漂亮,特别是文字部门都不是图片,而是直接用CSS来设计的,真心不错,研究了一下他们的CSS代码,拿来分享下。

解决CSS排版网页时中文标点符号顶在行首的问题

     今天在一个CMS系统中发布了一篇文章,然后发现有个中文标点符号总是顶在行首,这与我们的中文写作规范就不对了,后来修改了下CSS的规则,问题终于解决了,拿来做个备忘。

解决form表单采用get方式提交中文参数乱码的方法

     今天做了一个表单提交页面,要求用get方式提交,提交页面的编码方式是utf-8,目标页面的编码方式是gb2312,我发现提交过去的中文参数都是乱码,很头疼,因为目标页面是无法修改的,而我又不想把我的提交页面编码改成gb2312,经过一番测试终于得到解决,拿来分享。

解决img换行之间的空隙问题

    今天在布局一网页的时候发现两个img换行后之间有空隙,不符合我的设计初衷,下面给出我的解决方法。

解决Google Chrome浏览器无法显示hover样式的方法

     今天用做了一个导航效果,用到了hover样式,就是鼠标移上去导航背景变别的颜色,可是在Google Chrome浏览器中,把鼠标移到导航上不显示效果,背景无变化,最终在网上找到了解决方法,拿来做个备忘。

解决网页编码改成utf-8后导致ie6中无法调用CSS文件造成页面错乱的方法

     今天把一网页的编码改成utf-8后发现ie8中显示网页正常,ie6中页面乱七八糟,后来发现是没有引用CSS文件造成,难道ie6不支持utf-8编码?怎么可能呢,后来研究发现是因为CSS文件的编码也要改成utf-8才行,具体方法如下:

解决CSS绝对定位后在宽屏显示器高分辨率下错位的方法

     最近用CSS做了一个导航菜单,在本机看都没有任何问题,今天在朋友电脑上看吓坏了,都不知道移到哪去了,我朋友27寸显示器,我的是19寸的。经过研究发现是绝对定位的问题,下面说一下我的解决思路。

DIV+CSS左右两列自适应高度的方法

     我们在用DIV+CSS布局网页的时候,必然会遇到左右两列自适应高度的问题,就是左边列的背景会随着右边列内容的增加也相应的增加高度,下面就教大家DIV+CSS左右两列自适应高度的方法。

符合w3c标准的最新flash(swf)网页插入代码

     最近在做网页的时候发现,插入flash代码还是用的Macromedia公司那时的代码,Macromedia早就被Adobe公司收购了,所以插入flash部分的网页代码也有所改变,网上有好多方法,如JS方法是比较常用的,还有就是今天我要向大家介绍的符合w3c标准的最新flash(swf)网页插入代码。

网页中通过设置meta标签属性值IE=EmulateIE7来兼容IE8IE9的方法

     我们在做网页设计的时候,各浏览器的兼容性始终是个头疼的问题,更要命的是现在浏览器的版本太多,就拿IE浏览器来说吧,更新换代实在太快,现在都IE10了,可还有很多人还在用着IE6呢,而且各IE版本之间的兼容性实在不行,有的网页在IE7中是好的,到IE8中就不好了,IE6亦是如此,所以今天就告诉大家一个可以兼容IE浏览器各版本的方法(IE6除外)。

在网页中使用google字体的方法(Google Font API)

     在google的网站上,有个Google Font API的项目,就是在网页中可以使用google提供的字体,而浏览网页者无须安装字体。这样我们在做网页的时候就可以使用很漂亮的字体了(不过可惜的一点是目前只支持英文字体,不支持中文字体),而不像以前那样为了使用漂亮的字体而不得不把网页中的字做成图片。那么Google Font API具体该如何使用呢?今天就向大家介绍在网页中使用google字体的方法。

用CSS控制文章落款右对齐且垂直居中的方法

     我们在网站上发布文章的时候,难免会有落款,通常我们会直接将落款设置成右对齐,但是如果落款有两行而且两行的文字字数又不相同,直接右对齐会显的不太好看,那么如何使落款右对齐且垂直居中呢?首先我们想到的就是加空格,但是网页中的空格是难以控制的,比较麻烦,而且还要计算空格数量,所以今天教大家一个简单的,用CSS控制文章落款右对齐且垂直居中的方法。

禁止input表单输入框粘贴的方法

     有时候我们在设计表单的时候由于某种需要,可能要禁止input表单输入框粘贴,所以今天就教大家禁止input表单输入框粘贴的方法。

让input表单输入框不记录输入过信息的方法

     有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息的时候,往往input文本输入框会记录下之前提交表单的信息,以后每次只要双击 input文本输入框就会出现之前输入的文本,这样有时会觉得比较方便,但有时也会暴露用户的隐藏数据,所以今天就教大家让input表单输入框不记录输入过信息的方法。

使用图片按钮作为重置(reset)表单按钮的方法

     我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)表单按钮呢?请接着往下看。

鼠标移动到图片上时图片变透明的效果(兼容IE、Firefox)

     今天在做项目时需要用到一个效果,就是鼠标移动到图片上时图片变成半透明状态,现拿来分享给大家,兼容IE、Firefox浏览器咯。

Ajax中通过JS函数自动获取表单元素值的方法

     我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理。如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了。

解决Ajax中用POST传递中文参数时乱码的方法

     今天在做项目时,需要用到Ajax,之前我在用GET方式传递中文参数时,只需要在后台程序中设置页面编码为GB2312即中文能正常显示,可是这次由于表单项目较多,不适合用GET方式传递,只能用POST方式,但发现后台程序中设置编码为GB2312时中文还是显示的乱码。经过一番研究问题才最终得到解决。

ASP从数据库中读出复选框是否被选中的方法

     有的时候,我们在网页中会用到复选框,也就是多选框,当用户提交输入信息的时候我们会获取复选框的内容,然后保存到数据库中,如经常用到的是用户输入的个人信息。可是当用户提交后可能还需要修改,那么我们就要从数据库中读出这些表单数据,这就要求必须把用户之前输入的状态给显示出来,可是当我们从数据库中读出复选框是否被选中时确很难实现。所以今天就教大家通过ASP从数据库中读出复选框是否被选中的方法,希望还有其他方法的朋友留言分享。

表单Select从数据库中读出数据的方法

     我们在做动态网站的时候,往往有的时候需要从数据库中读出一些表单数据显示在页面上,一般情况下表单input输入框我们可以很方便的从数据库中读出来,可是Select下拉列表确很难直接从数据库中读出来。下面就教大家表单Select从数据库中读出数据的方法。

JavaScript将输入框中的英文字母自动转换为大写的方法

     今天在做项目的时候遇到,需要将用户输入的英文字母自动转换为大写字母,这里我是用表单输入框的onkeyup属性和JavaScript的toUpperCase()方法来实现的。

解决插入表单form出现空行的方法

     不知道大家在网页制作的时候有没有发现,在插入表单form后,往往在form的上下都会空出一行,这样一来网页的排版就很难看了,所以今天就教大家解决插入表单form出现空行的方法。

图片与文字在一行上垂直居中的方法

     不知大家在做网站的时候有没有遇到这样的情况:在一行上会插入一个小图标,然后在图标后面配上文字说明,可是发现往往图片和文字并不垂直居中,在一行上图片老是相对文字要偏上一些,显的很不好看,那么有没有办法使图片与文字在一行上垂直居中呢?试了很多方法都不太理想,最终找到了一种简单有效的方法,拿来分享。

分页:«123»

订阅HTMer

  • 订阅HTMer

站内搜索

站外搜索

Tags

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version