最新消息:文章中包含代码时,请遵守代码高亮规范!

Eva的文章

jQuery仿淘宝购物车结算功能【原创】

jQuery仿淘宝购物车结算功能【原创】

HTML+CSS 3年前 (2015-05-28) 10487浏览 4评论

记得上篇博客当中,仅仅只是实现了购物车增减数量的功能。 这篇博客里,将会提到购物车里的所有功能。包括全选、单选金额改变。在增加数量时金额也会相应改变。如下图所示: 说下大致的思路吧: 1、首先是计算一行的价格。这个功能在上篇博客里有提到,这里就不列...

图片循环滚动效果【原创】

JavaScript 3年前 (2015-05-22) 1671浏览 0评论

在网页中,会经常用到图片滚动的效果。 如下图: 那么是怎样实现的呢? 方法一:imgscroll.js。顾名思义,它是一款图片滚动插件。源码如下: $.fn.imgscroll = function(o){ var defaults ...

jquery.sgallery.js插件的用法【原创】

jquery.sgallery.js插件的用法【原创】

HTML+CSS 3年前 (2015-05-15) 5337浏览 0评论

jquery.sgallery.js是php cms中用于焦点图切换的插件。 平常我们写焦点图切换,一般是自己写个函数。但是有时会不利于后台做循环,于是在项目中被要求使用这个插件。 好处是后台循环方便。下面就按老规矩,通过例子介绍插件的用法吧。 1、...

实现文字滚动效果【原创】

HTML+CSS 3年前 (2015-05-15) 4013浏览 0评论

有时候,我们会在一些网站上看到文字滚动的效果。 正好在最近的项目中遇到了这样的需求。不同的是,项目中的文字是逐行滚动。如下图: 于是找了下方法。 方法一: <marquee style="width:300px; heig...

在使用PC套模板时,前端需注意的问题【原创】

HTML+CSS 3年前 (2015-05-08) 2301浏览 0评论

最近做的项目,都是使用PC套模板的。 本来以为很简单,但是出现了很多的问题。 下面列出一些需要注意的问题: 1、html中的img需要限制图片大小,否则后台上传的图片尺寸不确定,布局就全乱了。 2、一般的图片列表页,都是算好宽高和间距,左浮动。 3、...

css文字旋转【原创】

HTML+CSS 3年前 (2015-05-08) 6145浏览 0评论

一般,网页上的文字排列都是从左往右。但是有时也会有特殊要求。 比如,需要文字旋转90度。 要达到这样的效果,可以使用css3中的transform来实现: transform中的rotate() 方法。 通过 rotate() 方法,元素顺时针旋转给...

距离顶部一定距离显示搜索【原创】

JavaScript 3年前 (2015-04-30) 1466浏览 0评论

最近在做项目中,遇到客户要求仿照天猫搜索样式那样: 一开始搜索部分是不出现的,当滚动到一定距离是才出现。 于是上网找了个插件,基本实现了效果。下面是插件的代码: (function($){ * 配置参数有两个 * zIndex...

使用”media screen”解决web开发中遇到的多分辨率问题

HTML+CSS 3年前 (2015-04-30) 2216浏览 0评论

随着移动设备的飞速发展,屏幕的规格也越来越多。 从几年前的320×240像素的屏幕,到现在1920×1080分辨率的屏幕。 各种分辨率的屏幕让前端开发的人们叫苦连连,如何使用一种有效的方式来解决各种屏幕分辨率下的用户体验呢? 在css2中就有medi...

banner仿天猫效果【原创】

banner仿天猫效果【原创】

HTML+CSS 3年前 (2015-04-24) 6403浏览 0评论

最近在做项目时,被要求首页的banner效果要效仿天猫的。 天猫首页的banner效果,即中间图片的缩放效果。 于是想了下该怎么实现,下面是具体的代码: html: <div class="bannerbox">...

如何创建本地的git仓库【原创】

Git 3年前 (2015-04-24) 8937浏览 0评论

我们都知道,使用git的好处是可以很好地对项目版本进行控制。 我们可以很清楚地看到修改了哪些代码,并可以恢复到我们想要的版本。 使用的话,平常我们都是先将改动的代码提交到本地仓库,再推送到远程仓库。 那如果我们不需要推送到远程仓库,只需要在本地仓库进...

JS打印背景水印图片【原创】

HTML+CSS 3年前 (2015-04-17) 10420浏览 0评论

还记得上一篇博客里说到JS打印吗?没错,就是jquery.PrintArea.js插件。 然而,在实际运用中会遇到一些小问题。 比如,要打印的页面是有背景水印的,那如何在所有浏览器下打印出水印背景呢? 在谷歌浏览器中,使用这个插件会弹框提示,是否打印...

如何将新浪插件应用到网站上【原创】

HTML+CSS 3年前 (2015-04-14) 2055浏览 0评论

最近在做项目时,遇到需要微博发布的功能。如下图所示: 看到这个想了下应该有插件,于是上网找了一下资料,还真找到了。 插件的用法也比较简单,下面就简单介绍一下这个新浪插件的用法。 1、进入新浪微博的开放平台http://open.weibo.com/...

jquery.PrintArea.js插件使用方法【原创】

JavaScript 3年前 (2015-04-10) 33148浏览 0评论

看到这个插件的名字,能猜得到它是干什么用的吗? jquery.PrintArea.js是一款可以实现网页打印的插件,实用的方法非常简单。 下面就简单介绍一下它的使用方法。 1、下载jquery.PrintArea.js。 2、调用jquery.min...

Twig模板获取数组长度【原创】

HTML+CSS 3年前 (2015-04-10) 10529浏览 0评论

最近在项目中,遇到的问题。 要求共添加8条记录,可编辑。而且有的记录是有数据的。 解决这样的问题,一开始想到将数组遍历,可是空的记录怎么循环出来? 于是想到用两个for循环遍历数组,一个遍历有数据的记录,另一个遍历空的记录 可是这样又有一个问题,怎么...

根据标志位判断导航是否高亮【原创】

HTML+CSS 3年前 (2015-04-03) 1834浏览 0评论

一般,我们会碰到点击某一个导航,当前导航就高亮显示。 通常,最笨的方法,就是每个链接都写成一个页面。每一个页面都有导航,需要高亮显示的就给它附上样式。 但是这样写的话,修改起来会很不方便。 于是就有了这样一种方法:给每个导航一个标志位,根据标志位判断...

UEditor使用说明【原创】

HTML+CSS 3年前 (2015-03-27) 4673浏览 1评论

UEditor是百度推出的开源富文本编辑器。 那什么是富文本编辑器呢?如图所示: 富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器。 它提供类似于 Microsoft Word 的编辑功...