mouseover的移动代码问题

Question

$('#m3').mouseover(function(){
$(this).addClass('sel');
$('.inner').（我想要在inner div里加如下的三个a，这个怎么加？）
})
<div class="inner"></div>
就像下面这样
<div class="inner">
 <a href="service1.html">网络游戏产品与服务</a> 
 <a href="service2.html">电子商务产品与服务</a>
 <a href="service3.html">成果型网络广告平台</a>
</div>
还有当我在如下代码中，移动到别的li的时候上面的<div class="inner">里的内容如何更改成别的html代码<ul>
    <li class=""><a href="index.html">网站首页</a></li>
    <li id="m1" class=""><a href="about.html">公司概况</a></li>
    <li id="m2" class="sel"><a href="service.html">产品服务</a></li>
    <li class=""><a href="honour.html">资质奖项</a></li>
    <li id="m3" class=""><a href="career.html">诚聘英才</a></li>
    <li class=""><a href="contact.html">联系我们</a></li>
  </ul>

Answer 1

$('.inner').html("<a href='service1.html'>网络游戏产品与服务</a>  </br>
 <a href='service2.html'>电子商务产品与服务</a></br>
 <a href='service3.html成果型网络广告平台</a></br>
")$(document).ready(function(){
  $('li').mousemove(function(){
    $('.inner').html($(this).text());//获取li的文本
})
})

Answer 2

$(".inner").append(" <a href='service1.html'>网络游戏产品与服务</a>");
$(".inner").append(" <a href="service2.html">电子商务产品与服务</a>");
$(".inner").append(" <a href="service3.html">成果型网络广告平台</a>");

Answer 3

var str="<a href='service1.html'>网络游戏产品与服务</a> <a href='service2.html'>电子商务产品与服务</a><a href='service3.html成果型网络广告平台</a>";
$('#m3').mouseover(function(){
  $(this).addClass('sel');
  $('.inner').append($(str));
})
 
var str1='<ul>'+
  '<li class=""><a href="index.html">网站首页</a></li>'+
  '<li id="m1" class=""><a href="about.html">公司概况</a></li>'+
  '<li id="m2" class="sel"><a href="service.html">产品服务</a></li>'+
  '<li class=""><a href="honour.html">资质奖项</a></li>'+
  '<li id="m3" class=""><a href="career.html">诚聘英才</a></li>'+
  '<li class=""><a href="contact.html">联系我们</a></li>'+
  '</ul>';
$('li').mousemove(function(){
   if(this.id!="m3"){
        $('.inner').html(str1);
   }
})