夏日博客

css3 transform 的详解

css3 transform 的详解
目前制作站点使用 DIV+CSS 可谓是主流了，而我还在使用着 table，看来需要学习一下新技术了，尤其在最近看到的一些 h5 和CSS3 制作的特效之后，不能再使用老版的CSS样式了，一定要跟紧网页设计嘲流，学习下 h5 和 css3，一些酷的网页效果都是用 H5 和 CSS3 来制作完成的，看来是网页设计中不可缺少的东东了，今天学到了 CSS3 中的 transform，夏日博客就来聊聊网页设计 CSS3 中的 transform 吧，感觉挺好玩...
2015年08月14日 前端设计 评论 5 条 喜欢 2 阅读 0 views 次 阅读全文

网页浏览器兼容性测试的简单方法

网页浏览器兼容性测试的简单方法
对于经常做网页设计的人员来说，网页的兼容性测试是不可缺少的，记得刚来单位的新手，都是要安装一款浏览器测试软件的，看自己制作的网页是否在各大浏览器中正常显示，有没有变形，或者网页效果不兼容等，记得给好多网页设计新手推荐的是 IETester 工具，当然，除了在电脑中安装的软件之外，还在其在线测试的网址，很高大上，下面夏日博客就来一一记录下来吧。 1，IETester 首先要推荐的当然是 IETester，...
2015年08月13日 前端设计 评论 111 条 喜欢 1 阅读 0 views 次 阅读全文

JS setTimeout()的简单用法详解

JS setTimeout()的简单用法详解
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method. 1. SetTimeOut() 1.1 SetTimeOut()语法例子 1.2 用SetTimeOut()执行Function 1.3 SetTimeOut()语法例子 1.4 设定条件使SetTimeOut()停止 1.5 计分及秒的counter 2. ClearTimeout() 3. Set Flag 10.1　setTimeout( ) setTimeout( ) 是属于 window 的 method, 但...
2015年07月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

DIV实现滚动条效果

DIV实现滚动条效果
DIV 想要实现滚动条的效果其实很简单，只要给指定 DIV 添加一个 overflow 且给 DIV 以指定的高度就可以了，看如下的代码: <div style="position:absolute; height:400px; overflow:auto"></div> 当然这样测试是显示不出来效果的，还要在DIV中添加文字或图片，当 DIV 撑起来的时候就显示出效果了，下面再看一下 DIV 样式里面各项的参数。 div 设置滚动条显示:overflow :yes div 设置滚动条自适...
2015年07月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript;与javascriptvoid(0)使用介绍

javascript;与javascriptvoid(0)使用介绍
有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法: href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端，当连续快速点击此链接时会导致浏览器巨慢甚至崩溃，当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号). javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。 javascript:;好些，j...
2015年06月21日 前端设计 评论 10 条 喜欢 2 阅读 0 views 次 阅读全文

简单的 JS + CSS 图片切换效果

简单的 JS + CSS 图片切换效果
再来作一下一个简单的网页图片切换效果的笔记，在作手机站点的时候使用了一个简单的 js+css图片切换效果放在顶部，先是看其它站点的源文件制作的，但怎么也不能够显示成功，只好按照源代码找到这款图片切换效果的源代码，直接在这里贴出来了，方便自己查询使用。 javascript文件 <div id="xxx"> <script> var box =new PPTBox(); box.width = 998; //宽度 box.height = 323;//高度 b...
2015年03月21日 前端设计 评论 17 条 喜欢 0 阅读 0 views 次 阅读全文

鼠标放到 td 表格里面，表格背景和文字全变

鼠标放到 td 表格里面，表格背景和文字全变
今天需要制作这样的一个左侧导航效果，就是鼠标放到 td 表格里面，表格背景和文字颜色全变，比如现在的背景是白色，放上去背景变成红色，在表格里面的导航文字也要由黑色变成白色，当鼠标离开后就恢复正常，在网上找了许久都没找到合适的代码，要么就 js 一大堆不容易进行修改，要么就是 div+css 一大堆，哎，夏日博客用的是 table，有点不能淡定了，结合了网上的 DIV 查式代码，自己又写了一些 CSS 控制样...
2015年03月21日 前端设计 评论 4 条 喜欢 0 阅读 0 views 次 阅读全文

一个JS幻灯片特效圆点移动位置

一个JS幻灯片特效圆点移动位置
在做网页时经常用到的一个幻灯片效果，几张图片来回滚动，下面有几个圆点可以进行图片的切换，另外两边也有两个箭头来进行图片切换，经常用到这个特效，而每次用到的时候都要调整圆点的位置和左右两边切换图片的位置，搞得挺麻烦，每一次都要查找，索性这一次把代码给贴出来，在自己查找的时候会更快速，只贴了一个CSS的样式，其它部分就不贴了，反正也是自个儿用的，这种效果网上太多了。 @charset "utf-8...
2015年03月20日 前端设计 评论 3 条 喜欢 0 阅读 0 views 次 阅读全文

关于手机网站的制作思考

关于手机网站的制作思考
一直以为以为手机站点比较难以制作，最近查询了一些资料，只是因为手机站点没有做过才感觉较为先进，其实手机站点的制作也是比较简单的，先来说下手机站点与PC站点有什么不同的吧，PC站点看起来更丰富一些，华哨一点，栏目更多一点，而手机站点因为手机屏的限制，所以看起来更有规律一点，比如整个色条是一样的，这样在我们制作的时候直接设置成宽度 100% 就可以自适应了，原来这个就是怎么简单的，手机站...
2015年03月18日 前端设计 评论 24 条 喜欢 0 阅读 0 views 次 阅读全文

JS如何判断单个radio是否被选中

JS如何判断单个radio是否被选中
在页面中经常会判断表单项目是否为空的判断，比如姓名不能为空，联系人不能为空，手机号码不能为空等等，而这些表单项则都是普通的表单样式text 类型，而今天在设计页面时，碰到了要判断单个 radio 选项是否为空的判断。如果要进行多项radio的判断还是比较简单的，直接使用判断数组的JS即可，而对于单项是否选中还真未遇到过。 下面是在网上找到了这样一段代码： <script language="JavaScript"> if(...
2014年12月16日 前端设计 评论 2 条 喜欢 0 阅读 0 views 次 阅读全文

JS关闭窗口或JS关闭页面的几种代码

JS关闭窗口或JS关闭页面的几种代码
第一种：JS定时自动关闭窗口 <script language="javascript"> <!-- function closewin(){ self.opener=null; self.close();} function clock(){i=i-1 document.title="本窗口将在"+i+"秒后自动关闭!"; if(i>0)setTimeout("clock();",1000); else closewin();} var i=10 clock(); //--> </script> 第二种：点击链接没有提示的JS关闭窗口 <a href="javascript:self.close()" >关...
2014年10月31日 前端设计 评论 31 条 喜欢 0 阅读 0 views 次 阅读全文

JS实现的网页无提示自动关闭

JS实现的网页无提示自动关闭
关于网页在打开一定时间内自动关闭,我想朋友们也可能遇到过这种问题.前些天用到了,找了找资料.查到最多的是这样的代码. <script language="javascript"> <!-- function closewin(){ setTimeout("self.close()",5000) } //--> <body onload="closewin()"> 关键在这里setTimeout("self.close()",5000),它使窗口在5000毫秒后关闭,但是实验一下发现到了5秒它会出现一个对话框,询问用户是否关...
2014年10月29日 前端设计 评论 27 条 喜欢 0 阅读 0 views 次 阅读全文

单击一个超链接后如何弹出一个网页小窗口？

单击一个超链接后如何弹出一个网页小窗口？
【1、最基本的弹出窗口代码】 <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html') --> </SCRIPT> 因为着是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open ('page.html') 用...
2014年10月27日 前端设计 评论 27 条 喜欢 3 阅读 0 views 次 阅读全文

拷贝网页内容时自动添加版权链接教学

拷贝网页内容时自动添加版权链接教学
有许多网友都喜欢整天拷贝/粘贴别人所写的文章并已自已的名义发表，而今天畅想资源就来教大家如何简单地使用JS来在别人拷贝你网页内容时自动于底部添加一条「本段来源：[网址]」等版权信息，让別人记住你的功劳！ 教学 將下方代码添加到网页底部的的最底部 </body> 前或主題所引用之JS文件內（例如「functions.js」等）即可！ 提示：对于WordPress站点来说即须添加于主题的「footer.php」文件內！ 注...
2014年09月23日 前端设计 评论 13 条 喜欢 0 阅读 0 views 次 阅读全文

jquery表单验证插件formValidator

jquery表单验证插件formValidator
超给力的 jQuery 表单验证插件 formValidator,这里有必要先说一下什么是 formValidator,jQuery formValidator表单验证插件，它是基于jQuery类库，实现了js脚本于页面的分离。对一个表单对象，你只需要写一行代码就可以轻松实现20种以上的脚本控制。现支持一个表单元素累加很多种校验方式,采用配置信息的思想，而不是把信息写在表单元素上，能比较完美的实现ajax请求。并结合jquery.boxy实现遮罩提示。 实用...
2014年07月04日 前端设计 评论 7 条 喜欢 0 阅读 0 views 次 阅读全文

js弹出消息完美插件

js弹出消息完美插件
推荐极品代码了,js 弹出消息完美插件，具体的效果可以先看一下下面的预览图片。 如果感觉计算机自带的弹出窗口很难看的话，就可以使用这个插件美化一下了，弹出消息的效果通常都在一些后台出现，比如更新文章的时候，弹出更新成功，删除文章时删除成功，这个插件就是用来美化更新成功或删除成功的弹出对话框的，这样感觉后台的专业性更强一些，体验度也更好一些。 同样将文件解压缩到php的运行目录下，打...
2014年07月03日 前端设计 评论 28 条 喜欢 0 阅读 0 views 次 阅读全文

jquery标签式导航菜单

jquery标签式导航菜单
因为工作的原因，需要一个标签式的导航菜单，从懒人图库上面下载的一个标签式的导航菜单，整个打包发上来了。 标签式的导航菜单已经在许多网站上面应用了，具体的效果可以看下预览的效果图，具体的样式可以修改样式文件，略微修改了一下，便直接应用到网站上面了，这样的效果其实很简单的，直接用CSS基本上就能实现，哎，懒人嘛，就用懒人的方法吧，index.html 是实现效果的页面，直接调用了 js 里面的 jqu...
2014年07月02日 前端设计 评论 24 条 喜欢 0 阅读 0 views 次 阅读全文

jquery日历

jquery日历
一个jquery的日历源码，由css和js技术组合的，文件不少，但都是封装好的，不用去管，在使用的时候直接进行调用即可，可以应用在需要选择具体日期的网页中，比如注册时需要填写生日，点击文本框，便会出现日历，这个时候去选择具体日历就行了。 show-week.html 是预览样式的文件，打开即可预览效果，css文件是控制样式了，可以自己去修改，js文件就是效果了，基本上不用去做修改，images 里面是涉及到的一...
2014年06月30日 前端设计 评论 6 条 喜欢 0 阅读 0 views 次 阅读全文

JavaScript使用手册中文CHM版

JavaScript使用手册中文CHM版
javascrip 是一种基于客户端浏览器、面向基于对象，事件驱动式的网页脚本语文。javascrip的特点是简单、易学、易用，最主要的是跨平台，是一种发展已经非常成熟的一种网页脚本语言。 尤其对于窗口对象的应用，是非常广泛的，可以与各种后台编程语言进行整合使用，javascrip 还可以制作网页特效和ajax等前端技术，对于网页的前端美化是至关重要的。。可以说，网页的使用中，总少不了 javascrip 的影子。。。...
2014年06月19日 前端设计 评论 21 条 喜欢 1 阅读 0 views 次 阅读全文

分享一个Jquery表单验证插件-Validform

分享一个Jquery表单验证插件-Validform
打开Validform的官网，首先看到的是“一行代码搞定整站的表单验证”，一行代码为“$(".demoform").Validform();” validform 的介绍是把所有的验证条件及验证提示信息绑定到每个表单元素，让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符，这样就可以随便添加或者去掉任一表单元素而不必修改验证代码，所以就实现了一行代码去完成整站的表单验证。 在其 validform 的官网，提供了表单验证...
2014年06月18日 前端设计 评论 27 条 喜欢 1 阅读 0 views 次 阅读全文