折腾了几天,终于终于终于解决了一个照片墙的问题哟!先上效果图:他会像百度图片库一样,鼠标移到哪张图,哪张图 就会放大显现。看下图:哈哈,最得意的是知道了怎么把图片放在我想放的地方,显示的大小也可以,一开始的时候,图片放好,鼠标移到图片也会变大,只是其他的图片也会相应的移动位置,特别难看,现在明白了“...
分类:
Web程序 时间:
2014-12-08 22:37:10
阅读次数:
384
既然已经选择走这条路,那么首先要明白走这条路的意义还有目的。 在下这个决定之前,我在无数个夜晚里面一遍又一遍的问着自己,作为一个搞过web前端,做过C#(WIN8应用)编程,用过C/C++搞过算法,写过JAVA课程实训项目,目前还在学习Android系统应用开发的技术男,在中大软件学院沉浸在代码中....
分类:
其他好文 时间:
2014-12-08 07:03:58
阅读次数:
193
牛腩新闻发布系统已近尾声,牛老师重磅推出真假分页作为压轴,足以见得分页的重要性。我们就一起看一下真假分页的实现以及各自的特点。
一、分页简介
当我们显示足够大的数据量时,所有数据显示在一页上,会造成不必要的麻烦,本着为用户服务的态度,我们往往采用分页显示的处理办法。分页主要分为真分页与假分页。
假分页: 从数据库一次性取出所有数据绑...
分类:
其他好文 时间:
2014-12-07 23:19:18
阅读次数:
310
前端程序猿主要关注的是页面,你可能根本就用不到.net,java,php等后台语言。
但是你制作出来的网页总要运行、总要测试吧?——那就免不了用到http server。我先前都是用visual studio的,虽然很好用,功能很强大,但是我就开发一个html、javascript、css,干嘛用这种傻大本粗的东西。打开一次特别慢,占内存特别厉害,安装时C盘占去好几个G的空间。
后来闲来无事就换成了nodejs。不用安装任何插件,只需要手动创建三个小文件(总共才2KB),运行即可,速度很快。感觉真的是非...
分类:
Web程序 时间:
2014-12-05 12:52:52
阅读次数:
141
首先说first-child与last-child,这两个选择器很容易明白,就是父元素下的第一个子元素和最后一个子元素。而nth-child和nth-last-child则是父元素下指定序号的子元素,甚至第偶数个、奇数个子元素精选样式的制定。/*选择器写法示例*/nth-child(n) //正数第...
分类:
Web程序 时间:
2014-12-05 12:26:19
阅读次数:
178
1.基于jquery实现的带按钮的图片左右滚动切换jquery带按钮的图片滚动切换代码是一款jquery制作带按钮的图片左右滚动切换特效代码在线演示源码下载2.基于jQuery的图片上下左右无缝连续循环滚动imgscroll插件是一款支持图片焦点滚动(支持渐变和滚动),图片连续无缝循环滚动的js库,...
分类:
Web程序 时间:
2014-12-05 09:14:16
阅读次数:
202
滚动条的实现原理和上一篇文章中的拖拽有很大关系,滑动条就是通过拖拽实现的,通过计算滑动条的拖拽区间来得出一个比例scale,这个就是咱们要用到的文字滚动距离了,
div3里别忘记添加文字
具体代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose...
分类:
编程语言 时间:
2014-12-04 21:40:37
阅读次数:
253
当设计图做为背景图片太大时,必会出现滚动条,但是项目那边不希望出现滚动条,是一屏显示的,那就可以这样设计Css
img{ display:block; width:100%; height:100%;}
这样就可以让图片在页面中平铺,而不产生滚动条,但是有一个问题,当显示器的尺寸很小或13寸显示器的时候,图片会严重变形,但是这是目前来说最好的解决方案了。又不出现滚动条。做适配时也可...
分类:
其他好文 时间:
2014-12-04 15:37:40
阅读次数:
146
拖拽功能是我们经常用到的一个功能,流程如下:
鼠标点击选框时,计算出鼠标位置和选框位置的距离差,也就是disX和disY;鼠标移动,获取鼠标位置坐标,然后减去步骤一种的距离差,就是选框的坐标;鼠标弹起时,清除鼠标移动函数
需要注意以下几点:
鼠标移动时,有可能移出选框的范围,所以需要使用全局的移动函数,也就是document.onmousemove;鼠标弹起时,可能不在选...
分类:
编程语言 时间:
2014-12-04 15:36:52
阅读次数:
171
function sum(num1,num2)
{
return num1 + num2;
alert("Hello world!"); //永远不会执行
}
alert(sum(5,10));
这个函数在执行完return语句之后将立即退出,return后面的语句将永远不会执行。
另外,return也可以不带任何返回值,在这种情况下,函数在执行后将返回und...
分类:
其他好文 时间:
2014-12-04 15:34:51
阅读次数:
227