很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现返回顶部按钮。
首先需要在顶部添加如下html元素:
返回顶部
其中a标签指向锚点top,可以在顶部防止一个的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。
要想让返回顶部的图片显示在右侧,还需要一些css样式,如下:
/*returnTop*/
p#back-to-top{
po...
分类:
Web程序 时间:
2014-08-19 07:08:53
阅读次数:
245
1、首先脑补一个知识点,我们在代码中经常看到-webkit或-moz,那这些有什么作用了,看下代码就知道了: -webkit-border-radius:?2px;???????/*Webkit:谷歌支持:圆角*/
-moz-border-radius:?2px;????...
分类:
Web程序 时间:
2014-08-18 16:38:52
阅读次数:
1565
1 function bindReady(){ 2 if ( readyBound ) return; 3 readyBound = true; 4 5 // Mozilla, Opera and webkit nightlies c...
分类:
Web程序 时间:
2014-08-18 13:01:32
阅读次数:
193
Css代码:.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: b...
分类:
Web程序 时间:
2014-08-18 09:08:53
阅读次数:
207
iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串(包括已经加入连字符或括号格式化过的)添加电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别,可以将它关闭:如果你关闭自动识别后,又希望某些电话号码能够链接到iPh...
分类:
移动开发 时间:
2014-08-17 19:53:32
阅读次数:
302
因项目需要,需要将B/S上项目以桌面版的形式呈现,并实现控制操作系统锁屏功能,为此只有将其以类似于.NET的WebBrowser控件的方式嵌入winForm,但WebBrowser采用IE内核引擎,对HTML5以及CSS3尚不支持,同时受限于操作系统以及版本限制。为此必须转换思路,通过资料查询,.....
分类:
Web程序 时间:
2014-08-16 21:01:11
阅读次数:
234
.top_nav {width:100%;height:29px;/* 如果浏览器不支持渐变,使用图像作为背景 */background:url(gradient.jpg);/* Webkit: Safari 4-5, Chrome 1-9 */background: -webkit-gradien...
分类:
Web程序 时间:
2014-08-15 19:23:09
阅读次数:
253
HTML代码:CSS代码:@-webkit-keyframes spin { from { -webkit-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rota...
分类:
Web程序 时间:
2014-08-15 17:32:19
阅读次数:
253
转载请说明原出处,谢谢~~ 前些日子用wke内核封装了duilib的webkit浏览器控件,好多群里朋友私聊我希望可以我公布源码,今天把这个控件的源码和使用demo公布。其实这个控件封装起来没什么难度,我只是按照原来作者的demo,把相应的消息封装成duilib对应的。 在此首先要感谢wke...
分类:
编程语言 时间:
2014-08-13 21:59:27
阅读次数:
252