各位,我想在这个问答框,回答问题的时候,我可以点击问题,跳转到一个详情页面,麻烦你们了
<div class="right-menu-box2">
<div id="content">
<form action="">
<img src="./assets/home/qa/touxiang1.png" id='pic'>
<input type="text" placeholder='欢迎咨询!' id='inp'>
<input type="button" value='发送' id='send'>
</form>
</div>
</div>
</div>
<script>
var send =document.getElementById('send');
var img =document.getElementById('img');
var txt =document.getElementById('inp');
var info_box = document.getElementsByClassName('info_box')[0];
var onoff=true;
pic.onclick=function(){
if(onoff){
img.src='./assets/home/qa/touxiang1.png';
onoff=false;
}
else{
img.src='/assets/home/qa/touxiang3.png';
onoff=true;
}
};
// 给发送按钮添加点击事件l
send.onclick=function(){
if(txt.value===''){
alert('请输入内容');
}
else{
var nDiv = document.createElement('div');
var spans = document.createElement('span');
var imgs = document.createElement('img');
var sTxt = document.createTextNode(txt.value);
var info_box = document.getElementsByClassName('info_box')[0];
spans.appendChild(sTxt);
nDiv.appendChild(spans);
nDiv.appendChild(imgs);
// nDiv.style.display='block';
info_box.insertBefore(nDiv,info_box.lastChild);
spans.className='infor';
nDiv.className='info_r';
imgs.src='./assets/home/qa/touxiang1.png';
var nDiv = document.createElement('div');
var spans = document.createElement('span');
var imgs = document.createElement('img');
var sTxt = document.createTextNode("你说啥?");
var info_box = document.getElementsByClassName('info_box')[0];
spans.appendChild(sTxt);
nDiv.appendChild(spans);
nDiv.appendChild(imgs);
// nDiv.style.display='block';
info_box.insertBefore(nDiv,info_box.lastChild);
spans.className='infol';
nDiv.className='info_l';
imgs.src='./assets/home/qa/touxiang2.png';
/*
if(onoff==true){
spans.className='infor';
nDiv.className='info_r';
imgs.src='img/2.png';
}
if(onoff==false){
spans.className='infol';
nDiv.className='info_l';
imgs.src='img/1.png';
}
*/
}
txt.value='';
}
</script>
给文字添加链接就行了
<div class="right-menu-box2">
<div id="content">
<form action="">
<img src="./assets/home/qa/touxiang1.png" id='pic'>
<input type="text" placeholder='欢迎咨询!' id='inp'>
<input type="button" value='发送' id='send'>
</form>
</div>
</div>
</div>
<script>
var send =document.getElementById('send');
var img =document.getElementById('img');
var txt =document.getElementById('inp');
var info_box = document.getElementsByClassName('info_box')[0];
var onoff=true;
pic.onclick=function(){
if(onoff){
img.src='./assets/home/qa/touxiang1.png';
onoff=false;
}
else{
img.src='/assets/home/qa/touxiang3.png';
onoff=true;
}
};
// 给发送按钮添加点击事件l
send.onclick = function () {
if (txt.value === '') {
alert('请输入内容');
}
else {
var nDiv = document.createElement('div');
var spans = document.createElement('span');
var imgs = document.createElement('img');
var sTxt = document.createTextNode(txt.value);
var info_box = document.getElementsByClassName('info_box')[0];
spans.appendChild(sTxt);
nDiv.appendChild(spans);
nDiv.appendChild(imgs);
// nDiv.style.display='block';
info_box.insertBefore(nDiv, info_box.lastChild);
spans.className = 'infor';
nDiv.className = 'info_r';
imgs.src = './assets/home/qa/touxiang1.png';
var nDiv = document.createElement('div');
var spans = document.createElement('span');
var imgs = document.createElement('img');
var sTxt = document.createTextNode("你说啥?");
var info_box = document.getElementsByClassName('info_box')[0];
//////////////////////////////
var a = document.createElement('a');
a.href = '要链接到的网址,改这里';
a.appendChild(sTxt);
a.target = "_blank";
spans.appendChild(a);
//spans.appendChild(sTxt);
//////////////////////////////
nDiv.appendChild(spans);
nDiv.appendChild(imgs);
// nDiv.style.display='block';
info_box.insertBefore(nDiv, info_box.lastChild);
spans.className = 'infol';
nDiv.className = 'info_l';
imgs.src = './assets/home/qa/touxiang2.png';
/*
if(onoff==true){
spans.className='infor';
nDiv.className='info_r';
imgs.src='img/2.png';
}
if(onoff==false){
spans.className='infol';
nDiv.className='info_l';
imgs.src='img/1.png';
}
*/
}
txt.value = '';
}
</script>