在浏览器中,常见的一种行为就是:选中-拖拽-新页面打开,例如百度搜索就是这样.但是我现在不想让别人在我的个人网页上选中,也不想让他人拖拽我的照片,要怎么做呢?
下面我们来看一下使用css设置图片不可拖动的方法。
css设置图片不可拖动实例:
css居中对齐
div{
width: 500px
height: 500px
border: 1px solid red}
img {
-webkit-user-drag: none
}
css设置图片不可拖动主要使用user-drag来设置。user-drag设置或检索一个元素可以被拖拽。
法:
user-drag:auto | element | none
默认值:auto
适用于:所有元素
继承性:有
动画性:否
计算值:指定值
取值:
auto:使用默认的拖拽行为,这种情况只有图片和链接可以被拖拽。
element:整个元素而非它的内容可拖拽。
none:元素不能被拖动。在通过选中后可拖拽。
CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。1. Windows:全屏窗口滚动插件
该插件可以很好地实现全屏滚动,每滚动一次即为一屏。比如,用户浏览下一屏幕内容时,只需手动滚动到某一位置,该插件会自动滚动显示下一屏全部内容。对于浏览类似于PPT的内容时比较实用。
2. Jquery Scroll Follow:滚动跟随插件
该插件可以使DOM对象随着页面的滚动而移动。你可以设置滚动的速度、偏移等参数。
3. 列表滚动插件
该插件可以为任意列表添加上滚动效果。你可以自定义列表的滚动方向和滚动速度。
4. Sly:灵活的基于ITEM的滚动插件
SLY提供了很多基于项目(如图像/内容画廊)的滚动选项,支持水平和垂直方向的无限滚动。
5. Coverscroll
仿苹果的CoverFlow设计,支持滚动条、鼠标滚轮和手势来滚动查看。
6. Sticky
该插件可以让你的页面中的任何元素在滚动过程中始终可见
7. Tiny Scrollbar:一个轻量级的JQUERY插件
8. Sticky Float:另一个滚动跟随插件
9. Page Scroller:漂亮实用的滚动导航
10. Custom Srollbar:自定义内容滚动条插件
11. Scroll Up:一个轻量级的滚动到顶部插件