101 lines
2.5 KiB
JavaScript
101 lines
2.5 KiB
JavaScript
(function flexible (window, document) {
|
|
var docEl = document.documentElement
|
|
var dpr = window.devicePixelRatio || 1
|
|
// console.log(dpr)
|
|
// adjust body font size
|
|
function setBodyFontSize () {
|
|
if (document.body) {
|
|
document.body.style.fontSize = (12 * dpr) + 'px'
|
|
}
|
|
else {
|
|
document.addEventListener('DOMContentLoaded', setBodyFontSize)
|
|
}
|
|
}
|
|
setBodyFontSize();
|
|
|
|
// set 1rem = viewWidth / 10
|
|
function setRemUnit () {
|
|
var rem = docEl.clientWidth / 10
|
|
docEl.style.fontSize = rem + 'px'
|
|
}
|
|
|
|
setRemUnit()
|
|
|
|
// reset rem unit on page resize
|
|
window.addEventListener('resize', setRemUnit)
|
|
window.addEventListener('pageshow', function (e) {
|
|
if (e.persisted) {
|
|
setRemUnit()
|
|
}
|
|
})
|
|
|
|
// detect 0.5px supports
|
|
if (dpr >= 2) {
|
|
var fakeBody = document.createElement('body')
|
|
var testElement = document.createElement('div')
|
|
testElement.style.border = '.5px solid transparent'
|
|
fakeBody.appendChild(testElement)
|
|
docEl.appendChild(fakeBody)
|
|
if (testElement.offsetHeight === 1) {
|
|
docEl.classList.add('hairlines')
|
|
}
|
|
docEl.removeChild(fakeBody)
|
|
}
|
|
}(window, document))
|
|
|
|
|
|
// 定时器弹窗提示
|
|
function alert_box(ale_dynamic,d_time){
|
|
$(".a_lert").remove();
|
|
$("body").append('<div class="a_lert"><div class="a_box"><p></p></div></div>');
|
|
$(".a_lert .a_box p").append(ale_dynamic);
|
|
var d_time = d_time || 3000;
|
|
setTimeout(function(){
|
|
$(".a_lert").remove();
|
|
},d_time);
|
|
}
|
|
|
|
|
|
var pop=new Object
|
|
pop.alert=function (i){
|
|
$(".pop").remove();
|
|
if(i.btn == undefined){
|
|
i.btn = '确定';
|
|
}
|
|
$("body").append(
|
|
'<div class="pop"> <div class="pop-box">'+
|
|
'<p class="txt">'+i.content+'</p>'+
|
|
'<button class="btn off-btn">'+i.btn+'</button> </div>'+
|
|
'</div>')
|
|
$(document).on("click",".off-btn",function(){
|
|
var transmit=i.yes
|
|
if(transmit!=undefined && transmit!=""){
|
|
transmit();
|
|
}
|
|
$(".pop").remove();
|
|
})
|
|
}
|
|
|
|
|
|
|
|
$(function(){
|
|
$(".play .video-box .linechange").click(function(){
|
|
$(this).fadeOut(100,function(){
|
|
$(".play .video-box .linebox").css("display","block");
|
|
$(".play .video-box .linebox").stop().animate({"left":"0"},300)
|
|
})
|
|
})
|
|
$(".video-canvas").click(function(){
|
|
$(".play .video-box .linebox").stop().animate({"left":"-100%"},300).fadeOut()
|
|
$(".play .video-box .linechange").fadeIn()
|
|
})
|
|
|
|
$(".play .video-box .linebox span").click(function(){
|
|
$(this).addClass("active").siblings("span").removeClass("active")
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|