bannerUrl =null;$.get("https://huayan.jgyljt.com/hywuliao/banner/index.php?type=youhua&ua=pc&f=get", function (data) {
// 获取医生介绍的图片以及加载医生的标签
data = JSON.parse(data).data;
var imgs=''
var dots=''
for(var i in data){
imgs+=`
`
if(i=='banner1'){
dots+=''+i+''
}else{
dots+=''+i+''
}
}
var floatDiv = [
''
, ''
, '
'+imgs
// , ' '
// , ' '
// , ' '
// , ' '
, '
'
, ' '
, '
'
, '
'+dots
// , ' 1'
// , ' 2'
// , ' 3'
// , ' 4'
, ' '
, '
'
, '
'
]
console.log(floatDiv)
var GdDivInsert = document.createElement('div');
GdDivInsert.innerHTML = floatDiv.join('');
document.getElementById('bannerId').appendChild(GdDivInsert);
(function () {
if (!Function.prototype.bind) {
Function.prototype.bind = function (obj) {
var owner = this
, args = Array.prototype.slice.call(arguments)
, callobj = Array.prototype.shift.call(args);
return function (e) {
e = e || top.window.event || window.event;
owner.apply(callobj, args.concat([e]));
};
};
}
})();
var banner_tabs = function (id) {
this.ctn = document.getElementById(id);
this.adLis = null;
this.btns = null;
this.animStep = 0.2; //动画速度0.1~0.9
this.switchSpeed = 6; //自动播放间隔(s)
this.defOpacity = 1;
this.tmpOpacity = 1;
this.crtIndex = 0;
this.crtLi = null;
this.adLength = 0;
this.timerAnim = null;
this.timerSwitch = null;
this.init();
};
banner_tabs.prototype = {
fnAnim: function (toIndex) {
if (this.timerAnim) {
window.clearTimeout(this.timerAnim);
}
if (this.tmpOpacity <= 0) {
this.crtLi.style.opacity = this.tmpOpacity = this.defOpacity;
this.crtLi.style.filter = 'Alpha(Opacity=' + this.defOpacity * 100 + ')';
this.crtLi.style.zIndex = 0;
this.crtIndex = toIndex;
return;
}
this.crtLi.style.opacity = this.tmpOpacity = this.tmpOpacity - this.animStep;
this.crtLi.style.filter = 'Alpha(Opacity=' + this.tmpOpacity * 100 + ')';
this.timerAnim = window.setTimeout(this.fnAnim.bind(this, toIndex), 50);
}
, fnNextIndex: function () {
return (this.crtIndex >= this.adLength - 1) ? 0 : this.crtIndex + 1;
}
, fnSwitch: function (toIndex) {
if (this.crtIndex == toIndex) {
return;
}
this.crtLi = this.adLis[this.crtIndex];
for (var i = 0; i < this.adLength; i++) {
this.adLis[i].style.zIndex = 0;
}
this.crtLi.style.zIndex = 2;
this.adLis[toIndex].style.zIndex = 1;
for (var i = 0; i < this.adLength; i++) {
this.btns[i].className = '';
}
this.btns[toIndex].className = 'cur'
this.fnAnim(toIndex);
}
, fnAutoPlay: function () {
this.fnSwitch(this.fnNextIndex());
}
, fnPlay: function () {
this.timerSwitch = window.setInterval(this.fnAutoPlay.bind(this), this.switchSpeed * 1000);
}
, fnStopPlay: function () {
window.clearTimeout(this.timerSwitch);
}
, init: function () {
this.adLis = this.ctn.getElementsByTagName('li');
this.btns = this.ctn.getElementsByTagName('cite')[0].getElementsByTagName('span');
this.adLength = this.adLis.length;
for (var i = 0, l = this.btns.length; i < l; i++) {
with({
i: i
}) {
this.btns[i].index = i;
this.btns[i].onclick = this.fnSwitch.bind(this, i);
}
}
this.adLis[this.crtIndex].style.zIndex = 2;
this.fnPlay();
this.ctn.onmouseover = this.fnStopPlay.bind(this);
this.ctn.onmouseout = this.fnPlay.bind(this);
}
};
var player1 = new banner_tabs('banner_tabs');
})