以往一直在编写的都是前台的UI，很少使用到frameset、iframe，对其了解也是十分有限，只是知道其可以为其当前页面引入html文件成为当前页的一部分，但是这两天在做后台UI界面的时候，发现这样的框架也是有相当多知识点在里面的。那框架是啥？可以这样说：通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。那么关于框架，有几个方面是需要我了解的：

阅读全文

解决dispaly:inline-block遗留间隙的问题

2015-09-16

今天做一个项目。本来我打算是作成表格的，后来觉得太费事直接搞成一个div 里面直接放四个a ，然后我将a 设置成inline-block。刚开始还没发现任何间隙问题，(对了说到这里博主给新手介绍一个方法如果对div 布局或者大小等有问题的不妨设置一下他的背景色，)回归主题这时候我给a设置一个border-bottom 问题来了出现间隙了

阅读全文

JavaScript中的string拥有方法(Method)的原因

2015-09-15

我们都知道，JavaScript数据类型分两大类，基本类型（或者称原始类型）和引用类型。

基本类型的值是保存在栈内存中的简单数据段，它们是按值访问的。JS中有五种基本类型：Undefined、Null、Boolean、Number和String。

引用类型的值是保存在堆内存中的对象，它的值是按引用访问的。引用类型主要有Object、Array、Function、RegExp、Date。

阅读全文

js简单实现input文本框实现宽度自适应

2015-09-15

本章节介绍一下如何让一个文本框的宽度能够随着文本框中的内容的宽度增长而增长，也就是能够实现宽度自适应效果。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.npm8.com</title>
<script type="text/javascript">
window.onload=function(){
var otxt=document.getElementById("txt");
otxt.onkeyup=function(){
this.size=(this.value.length>4?this.value.length:4);
}
}
</script>
</head>
<body>
<input type="text" id="txt" size="4"/>
</body>
</html>

阅读全文

一组时尚的侧边栏菜单和下拉列表效果

2015-09-15

这是一款非常时尚的可伸展的侧边栏菜单和select下拉列表以及手风琴式垂直下拉列表UI设计效果。它们通过简单的CSS样式设置，以及和jQuery，jqueryUI的配合，制作出非常时尚的web组件UI设计效果。

阅读全文

基于jQuery滑动杆实现购买日期选择

2015-09-15

这是一款基于jQuery的滑动杆购买日期选择插件，它的外观仿的是阿里云的服务器购买日期选择界面。这款jQuery插件非常适合在一些虚拟产品购买页面上使用，它可以帮助你的用户快速选择产品的购买日期，十分方便。效果图如下：

阅读全文

前端开发中图片格式的选择总结

2015-09-14

图片问题的一些总结

前言：之前个人对于图片的问题，一直还是显得不是很重视。但其实对于互联网来说，可能图片的内容已经占据了整个互联网的大半部分，因此我们很大一部分流量的消耗，都是用在了图片上面，因此，对于图片有一些认识肯定是现在所必须的。所以趁今天这个不太忙的机会，打算对于图片的问题做一个简单地总结，也算是对之前没掌握到的东西的一个学习与备忘过程。

阅读全文

JQ使用CSS3实现动感十足的文字动画效果插件Textillate.js

2015-09-14

Textillate是一款基于jquery的使用CSS3实现文字动画的小巧插件。Textillate.js集成了一些很棒的使用CSS3动画效果的 JavaScript 库，您可非常轻轻松地把这些动画效果应该于网页中的任何文字。

阅读全文

30种奇妙的鼠标悬停效果【附源码下载】

2015-09-13

Web 界面上交互的方式很多，只要你去探索，你会发现很多让你眼前一亮的想法。Codrops 最近发布了一组悬停效果，总共分为两组，多达30种不同的风格。为了让效果尽可能的平滑，最好不要在元素上使用变换以免影响布局。第二组效果中采用了 SVG 动画，这也是目前比较流行的方式。

温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。

阅读全文

CSS3实现气泡效果

2015-09-13

先看下最终实现的效果：

首先定义一个

1	<p class="speech"></p>

阅读全文

js如何判断引入的js文件是否加载完毕

2015-09-13

如果javascript代码较少的话完全可以将js代码通过<script></script>标签写在当前页面，但是如果js代码非常庞大的话，那么页面将会变得非常的臃肿，并且由于js代码是同步加载，所以当js代码加载的时候，会阻塞下面内容的解析，所以最好能够动态加载js功能，尤其是能够实现根据需要动态引入外部js文件。由于动态加载js文件是异步的，所以有时候需要判断js文件是否加载完毕，下面就通过代码介绍一下如何实现判断功能。

阅读全文

ajax请求且带返回值的代码实例

2015-09-13

经常使用jquery的ajax来实现一些无刷新请求效果，本次提供一个非常简单的代码实例供大家参考之用，希望能够给需要的朋友带来一定的帮助，代码如下:

<script type="text/javascript">
/* 请求Ajax 带返回值，并弹出提示框提醒*/
function getAjax(url,parm,callBack)
{
$.ajax({
type:'post',
dataType:"text",
url:url,
data:parm,
cache:false,
async:false,
success:function (msg) {
callBack(msg);
}
})
}
/*删除*/
/*url: 表示请求路径*/
function DeleteData(url,id)
{
var parm='active=Del&amp;id='+id;
if(id==undefined||id=="")
{
showAlertMsg('请选择要删除一行');
}
else
{
showConfirmMsg("此操作不可恢复，确定要删除吗？",function(r){
if(r)
{
getAjax(url,parm,function(rs)
{
if(parseInt(rs)>0)
{
showOverAlertMsg("删除成功！",2000,4);
}
else if(parseInt(rs) == 0)
{
showOverAlertMsg("该数据被关联,无法删除！",2000,3);
}
else
{
showOverAlertMsg("删除失败！", 2000, 5);
}
})
}
})
}
}
//删除
function DeleteOnclick()
{
DeleteData('SysMenu_List.aspx', Menu_Id);
}
</script>