HTML页面禁止右键禁止选择和复制怎么做
.no-user-select {
-webkit-touch-callout: none;
/*系统默认菜单被禁用*/
-webkit-user-select: none;
/*webkit浏览器*/
-khtml-user-select: none;
/*早期浏览器*/
-moz-user-select: none;
/*火狐*/
-ms-user-select: none;
/*IE10*/
user-select: none;
}
function noSelect () {
var body= $("body").addClass('no-user-select')[0];
body.oncontextmenu=function (){return false}
body.ondragstart=function (){return false}
body.onselectstart=function (){return false}
body.onbeforecopy=function (){return false}
body.onselect=function (){return false}
body.oncopy=function (){return false}
body.onmouseup=function (){return false}
}
noSelect() 更新数据的城市ID,通过查找标题或者某个字段包含的城市名称判断所属城市
更新文章等数据表的城市ID,通过查找标题或者某个字段包含的城市名称判断所属城市
-- 查看对应数据
SELECT a.id, a.keywords, a.areaId, b.id, b.title FROM `pre_bj_articles` a, `pre_area` b WHERE INSTR(a.keywords,b.title)>0 AND a.areaId=0 AND b.`sitepath` LIKE '100001-100002-%' AND b.`theorder` = '4'
;
--更新数据
UPDATE `pre_bj_articles` a, `pre_area` b SET a.areaId=b.id WHERE INSTR(a.keywords,b.title)>0 AND a.areaId=0 AND b.`sitepath` LIKE '100001-100002-%' AND b.`theorder` = '4'
;
css 多行和单行文字溢出显示3个点三个点
单行
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;多行
WebKit内核
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;其他浏览器,比较靠谱的办法应该就是利用相对定位在最后面加上一个省略号
p {
position:relative;
line-height:1.5em;
/* 高度为需要显示的行数*行高,比如这里我们显示两行,则为3 */
height:3em;
overflow:hidden;
}
p:after {
content:"...";
position:absolute;
bottom:0;
right:0;
padding: 0 5px;
background-color: #fff;
} 三种前端实现VR全景看房的方案!说不定哪天就用得上!
方案一:WebGL3D引擎
方案二:CSS3D
方案三:pano2vr