首页 / JS配置
JS配置

js file

发布时间:2022-08-27 15:35:26 阅读量: 357

var link1= `/search?title=%E8%87%AA%E8%B4%B8%E6%B8%AF`

//上面这一行 反单引号 里面写横幅指向的链接

 

 

var link2= `/post/14478.html`

//上面 反单引号 里面红色部分替换成中文简介链接

 

 

var link3= `/post/123456.html`

//上面 反单引号 里面红色部分替换成英文简介链接

 

 

const text1 = `三亚学院“智能科学与技术”专业2019年经过教育部审批通过,根据三亚学院“人工智能+大数据”学科特色重点布局而设立。本专业以三亚学院高性能计算中心(超算中心)为平台,以工业互联网为核心,立足信息技术,融合数据智能,聚焦知识处理,培养掌握新一代人工智能技术的复合应用型专业技术人才。`

const text2 = `计算机科学与技术专业成立于2005年,为海南省应用型转型专业,是中国顶尖民办大学专业,在海南省工学一流专业中排名第1。`

const text3 = `软件工程专业成立于2005年,本专业以软件产业人才需求为导向,按照工程教育认证具体要求,以“行业+就业”为导向,经过13年的建设,已培养了大量软件专业人才。`

const text4 = `数据科学与大数据技术专业是三亚学院为落实国家《促进大数据发展行动纲要》及学院“人工智能+大数据”学科特色重点布局而设立,2018年经过教育部批准后开始招生,培养方向为大数据分析和大数据可视化。`

const text5 = `虚拟现实是利用电脑模拟产生一个三度空间的虚拟世界,提供使用者关于视觉、听觉、触觉等感官的模拟,让使用者如同身历其境一般,可以及时、没有限制地观察三度空间内的事物。`

 

// 这五个 反单引号(`)中间的内容是 鼠标悬浮在专业图片上时显示的文字

 

 

 

//=====================================================================

 

function fun0(){

$('header .lang a:first-child').attr('href', link2)

$('header .lang a:last-child').attr('href', link3)

 

}

 

function fun4(){

 

// 设置横幅指向的链接:

$('#bar a').attr('href', link1).attr('target','_blank')

 

 

 

// $('#specialities>div').css('position', 'relative')

$('#specialities>div:nth-child(1) a').append("<div class='desc'>" + text1 + "</div>")

$('#specialities>div:nth-child(2) a').append("<div class='desc'>" + text2 + "</div>")

$('#specialities>div:nth-child(3) a').append("<div class='desc'>" + text3 + "</div>")

$('#specialities>div:nth-child(4) a').append("<div class='desc'>" + text4 + "</div>")

$('#specialities>div:nth-child(5) a').append("<div class='desc'>" + text5 + "</div>")

 

 

}

 

 

$(function(){

$('head').append(`<style>

#specialities .desc {

background-color: rgb(15 82 216 / 75%);

padding: 10px;

line-height: 1.2;

font-size: 1rem;

position: absolute;

top: 0px;

bottom: 0px;

left:0px;

right: 0px;

display: none;

color: white;

}

#specialities>div:hover .desc {

display: block;

}

#specialities>div{

position: relative;

}

/* 在这里补充css */

 

/* 页面底部二维码样式 */

#footer-info{
padding-left:130px;
flex: 1;
}
#footer-qrcode{
width:130px;
display:flex;
}
#footer-qrcode>div{
margin: 10px;
width: 80px;
position: relative;
cursor: pointer;
}
#footer-qrcode>div .inner{
left: -64px;
position: absolute;
display: none;
width: 128px;
height: 128px;
top: -130px;
}
#footer-qrcode>div:hover .inner{
display: block;
}
@media only screen and (max-width: 1170px) {
#footer-qrcode>div:nth-child(1){
display: none;
}
#footer-qrcode{
width: 90px;
}
#footer-info{
padding-left: 0px;
}
}

td{

border: 1px dashed #bbb;

}

</style>`)

 

 

 

})

 

 

 

function fun1(){

$('main article p').css('background-color', 'transparent')

$('#title > p:nth-child(3) span:first-child').css('margin-right', '20px')

 

 

// 页面底部二维码 :

var footer = $('#footer footer')
var f1 = $('#footer footer>:nth-child(1)')
var f2 = $('#footer footer>:nth-child(2)')
var f3 = $('#footer footer>:nth-child(3)')

var icon1 = 'http://iie.sanyau.edu.cn/oos/file/62b7320123888e90cb2f43bf.png'

var icon2 = 'http://iie.sanyau.edu.cn/oos/file/62b7320123888e90cb2f43c0.png'

var icon3 = 'http://iie.sanyau.edu.cn/oos/file/62b7320123888e90cb2f43c1.png'

var qrcode1 = 'http://iie.sanyau.edu.cn/oos/file/62b7330123888e90cb2f43c2.png'
var qrcode2 = 'http://iie.sanyau.edu.cn/oos/file/62b7330123888e90cb2f43c3.png'
var qrcode3 = 'http://iie.sanyau.edu.cn/oos/file/62b7330223888e90cb2f43c4.png'


var fstr = `<p style="border-bottom: 1px solid white; margin-bottom: 5px; padding-bottom: 5px;">` + f1.html() + `</div>
<div style="display: flex;">
<div id='footer-info'>
<div>`+f2.html()+`</div>
<div>`+f3.html()+`</div>
</div>
<div id='footer-qrcode'>
<div title='信智官网手机端' style="background: url('` + icon1 + `') no-repeat;"><div class='inner'><img width='100%' height='100%' src='` + qrcode1 + `'></div></div>
<div title='信智学院抖音' style="background: url('` + icon2 + `') no-repeat;"><div class='inner'><img width='100%' height='100%' src='` + qrcode2 + `'></div></div>
<div title='信智学院公众号' style="background: url('` + icon3 + `') no-repeat;"><div class='inner'><img width='100%' height='100%' src='` + qrcode3 + `'></div></div>
</div>
</div>`


footer.html(fstr)

 

 

 

 

}

 

 

 

 

// 隐藏日期、三列改两列:

function fun5(){

$('.time').css('display','none')

 

$('.news-lists > :last-child').css('display', 'none')
$('.news-list').css('width', '48%')

$('.news-lists > :nth-child(2)').css('margin-right', '0')

 

// 创建一个悬浮框元素
var adBox = document.createElement('div');

// 设置广告图片的样式
adBox.style.position = 'fixed';
adBox.style.top = '50%';
adBox.style.right = '0';
adBox.style.transform = 'translateY(-50%)';

adBox.style.zIndex='9999999';

// 添加广告图片
var adImage = document.createElement('img');
adImage.src = 'http://fx.sanyau.edu.cn/uploads/2023/06/280815165825.jpg';
adImage.alt = '2023年招生专栏';
adImage.style.width = '100px'; // 设置图片的宽度
adImage.style.height = 'auto'; // 设置图片的高度,保持宽高比

adImage.style.cursor= 'pointer'; 

// 将广告图片添加到悬浮框中
adBox.appendChild(adImage);

// 设置点击事件,跳转到指定的网址
adImage.addEventListener('click', function () {
window.location.href = 'http://iie.sanyau.edu.cn/list/25.html';
});

 

  //添加关闭按钮
var close=document.createElement('div');
var gRight=document.createElement('div');
var gLeft=document.createElement('div');

close.style.position='absolute';
close.style.cursor= 'pointer'; 
close.style.display='inline-block';
close.style.background='red';
close.style.borderRadius='40px';
close.style.top='-7px';
close.style.left='-15px';
close.style.height='30px';
close.style.width='30px';
close.style.zIndex='10000000';
gRight.style.display='inline-block';
gRight.style.width='19px';
gRight.style.height='3px';
gRight.style.background='#fff';
gRight.style.lineHeight='0';
gRight.style.fontSize='0';
gRight.style.verticalAlign='middle';
gRight.style.WebkitTransform='rotate(45deg)';
gRight.style.position='absolute';
gRight.style.top='15px';
gRight.style.left='5px';
gLeft.style.position='absolute';
gLeft.style.top='12px';
gLeft.style.right='4px';
gLeft.style.content='/';
gLeft.style.display='inline-block';
gLeft.style.width='23px';
gLeft.style.height='3px';
gLeft.style.background='#fff';
gLeft.style.WebkitTransform='rotate(-35deg)';

close.appendChild(gRight);
close.appendChild(gLeft);
adBox.appendChild(close);


close.addEventListener('click', function () {
adBox.style.display='none';
close.style.display='none';
});

// 将悬浮框添加到网页的 body 元素中
document.body.appendChild(adBox);

}