关于手机网站的制作思考 一直以为以为手机站点比较难以制作,最近查询了一些资料,只是因为手机站点没有做过才感觉较为先进,其实手机站点的制作也是比较简单的,先来说下手机站点与PC站点有什么不同的吧,PC站点看起来更丰富一些,华哨一点,栏目更多一点,而手机站点因为手机屏的限制,所以看起来更有规律一点,比如整个色条是一样的,这样在我们制作的时候直接设置成宽度 100% 就可以自适应了,原来这个就是怎么简单的,手机站... 2015年03月18日 前端设计 评论 24 条 喜欢 0 阅读 0 views 次 阅读全文
JS如何判断单个radio是否被选中 在页面中经常会判断表单项目是否为空的判断,比如姓名不能为空,联系人不能为空,手机号码不能为空等等,而这些表单项则都是普通的表单样式text 类型,而今天在设计页面时,碰到了要判断单个 radio 选项是否为空的判断。如果要进行多项radio的判断还是比较简单的,直接使用判断数组的JS即可,而对于单项是否选中还真未遇到过。 下面是在网上找到了这样一段代码: <script language="JavaScript"> if(... 2014年12月16日 前端设计 评论 2 条 喜欢 0 阅读 0 views 次 阅读全文
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实现的网页无提示自动关闭 关于网页在打开一定时间内自动关闭,我想朋友们也可能遇到过这种问题.前些天用到了,找了找资料.查到最多的是这样的代码. <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,这里有必要先说一下什么是 formValidator,jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面的分离。对一个表单对象,你只需要写一行代码就可以轻松实现20种以上的脚本控制。现支持一个表单元素累加很多种校验方式,采用配置信息的思想,而不是把信息写在表单元素上,能比较完美的实现ajax请求。并结合jquery.boxy实现遮罩提示。 实用... 2014年07月04日 前端设计 评论 7 条 喜欢 0 阅读 0 views 次 阅读全文
js弹出消息完美插件 推荐极品代码了,js 弹出消息完美插件,具体的效果可以先看一下下面的预览图片。 如果感觉计算机自带的弹出窗口很难看的话,就可以使用这个插件美化一下了,弹出消息的效果通常都在一些后台出现,比如更新文章的时候,弹出更新成功,删除文章时删除成功,这个插件就是用来美化更新成功或删除成功的弹出对话框的,这样感觉后台的专业性更强一些,体验度也更好一些。 同样将文件解压缩到php的运行目录下,打... 2014年07月03日 前端设计 评论 28 条 喜欢 0 阅读 0 views 次 阅读全文
jquery标签式导航菜单 因为工作的原因,需要一个标签式的导航菜单,从懒人图库上面下载的一个标签式的导航菜单,整个打包发上来了。 标签式的导航菜单已经在许多网站上面应用了,具体的效果可以看下预览的效果图,具体的样式可以修改样式文件,略微修改了一下,便直接应用到网站上面了,这样的效果其实很简单的,直接用CSS基本上就能实现,哎,懒人嘛,就用懒人的方法吧,index.html 是实现效果的页面,直接调用了 js 里面的 jqu... 2014年07月02日 前端设计 评论 24 条 喜欢 0 阅读 0 views 次 阅读全文
jquery日历 一个jquery的日历源码,由css和js技术组合的,文件不少,但都是封装好的,不用去管,在使用的时候直接进行调用即可,可以应用在需要选择具体日期的网页中,比如注册时需要填写生日,点击文本框,便会出现日历,这个时候去选择具体日历就行了。 show-week.html 是预览样式的文件,打开即可预览效果,css文件是控制样式了,可以自己去修改,js文件就是效果了,基本上不用去做修改,images 里面是涉及到的一... 2014年06月30日 前端设计 评论 6 条 喜欢 0 阅读 0 views 次 阅读全文
JavaScript使用手册中文CHM版 javascrip 是一种基于客户端浏览器、面向基于对象,事件驱动式的网页脚本语文。javascrip的特点是简单、易学、易用,最主要的是跨平台,是一种发展已经非常成熟的一种网页脚本语言。 尤其对于窗口对象的应用,是非常广泛的,可以与各种后台编程语言进行整合使用,javascrip 还可以制作网页特效和ajax等前端技术,对于网页的前端美化是至关重要的。。可以说,网页的使用中,总少不了 javascrip 的影子。。。... 2014年06月19日 前端设计 评论 21 条 喜欢 1 阅读 0 views 次 阅读全文
分享一个Jquery表单验证插件-Validform 打开Validform的官网,首先看到的是“一行代码搞定整站的表单验证”,一行代码为“$(".demoform").Validform();” validform 的介绍是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样就可以随便添加或者去掉任一表单元素而不必修改验证代码,所以就实现了一行代码去完成整站的表单验证。 在其 validform 的官网,提供了表单验证... 2014年06月18日 前端设计 评论 27 条 喜欢 1 阅读 0 views 次 阅读全文
jQuery中文手册 我们经常在网上冲浪时,会看到许多特炫的图片或文字效果,这里面有相当一部分都是jquery技术来做的,那么我们先来了解一下 jquery 技术吧,jquery 是一个非常优秀的 javascript 框架,是轻量级的 js 库。重要的是它兼容各种浏览器,缺点是,随着新版本的升级,可能将不再支持 IE6 等老版本的浏览器,jquery 可以让用户更方便地处理 html 来实现动画效果. 在许多无刷新的技术当中,也使用了 jquery 技术,其... 2014年06月12日 前端设计 评论 28 条 喜欢 0 阅读 0 views 次 阅读全文
分享一个非常美观的导航菜单 在网页美工制作中,制作导航是常有的事情,下面分享一个非常美观简洁的一个导航菜单,可以直接应用到网站中,这种导航菜单是常用的,仅利用了css的样式就实现了,源码一看就懂,如果想要改变导航样式,只需要修改 images/ 下的导航图片就可以了,快试试吧。 源码效果图: 源码文件: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit... 2014年06月10日 前端设计 评论 51 条 喜欢 0 阅读 0 views 次 阅读全文
精美的网页导航菜单 如此精美的一款网页导航菜单,不敢独享,这是仿以前猪八戒的网页导航,感觉非常大气,纯DIV+CSS实用的哦,代码量很少,如果不喜欢这个颜色的,也很容易更改成其它颜色的导航。 很有2.0的元素,适当的修改,用在企业站,或者个人站上非常适合,index.html 是网页效果的预览,img 是相关的导航图片,index.html 里包含了CSS样式的代码,在实际使用时,可单独分开,下面是 index.html 的代码,img 导航图片代... 2014年06月09日 前端设计 评论 7 条 喜欢 0 阅读 0 views 次 阅读全文
背景半透明效果CSS链接样式代码 想不想要自己的主页链接很炫呢,背景半透明的链接效果,空链接实现的链接效果,只需要定义一个特效式的CSS样式即可以实现,在需要实现的地方应用定义的CSS样式,也可以全站应用哦,快去试一下吧,这样的效果可以应用在网页的许多地方 一、背景半透明效果,代码如下: a.menu_a_2,a.menu_a_2:link,a.menu_a_2:visited { display:block; width:75px; height:35px; float:left; line-height:35px; text-align:ce... 2014年05月07日 前端设计 评论 3 条 喜欢 0 阅读 0 views 次 阅读全文
什么是域名和空间,如何选购 也许你会知道,创建一个网站需要域名和空间。但对于域名、空间具体是什么,他们之间有什么联系,以及如何去选择域名和空间。这些并不清楚,下面,我就来各个讲解一下。 域名,简单来说就是我们说的网站的网址,是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,比如www. xiariboke. com,就是我们常见的域名。“baidu”是这个域名的主体,而最后的标号“com”则是该域名的后缀,代表的这... 2014年01月03日 前端设计 评论 33 条 喜欢 0 阅读 0 views 次 阅读全文
php+jquery无刷新添加删除 超给力的 jquery 无刷新添加删除,在php的应用中,添加与删除是常事,比如上传图片,如果一张不够,那么下面可以紧接着添加一个上传按钮、两个上传按钮....等等接着进行上传,而在进行添加同学录时,也可以这样进行无刷新的录入数据,多么给力呀。。如果想要进行测试,可放到支持php的空间,比如支持php的xiariboke.net的空间上,直接预览即可。 实际在应用当中,还是以上传图片的实例较多,对于要上传一条... 2013年11月16日 前端设计 评论 4 条 喜欢 2 阅读 0 views 次 阅读全文
js折叠菜单插件 利用js制作的折叠菜单有许多,主要应用在后台的左侧导航,点击可以上下进行折叠,前台也有不少折叠样式的菜单,对用户的体验很好,js菜单的制作也很简单,最简单的没几行代码,今天需要一个后台的折叠菜单,因为本人懒得很,所以只能奉行拿来主义了。 找了一款各个浏览器都兼容的 js 制作的折叠菜单,还是老外制作的,看起来很舒服,后台可以无限进行复制菜单,菜单整体感觉看起来也没那么重硬,放在后台看... 2013年11月10日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
用css添加手状样式,鼠标移上去变小手 今天在做一网页时,用 td 背景做的图需要加一个链接,那只能在 td 外加 A 标记了,这样一来,将鼠标移到单元格时,虽然链接有效,但却是默认的箭头,不能变成小手。突然忘记小手的英文单词了,只要定义一下CSS样式就可以搞定了,今天再温习一下。实际效果可查看xiariboke.net的文字链接状态。 用css 添加手状样式,鼠标移上去变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseov... 2013年11月09日 前端设计 评论 4 条 喜欢 6 阅读 0 views 次 阅读全文