html中引用js显示的图片轮显效果不美观，怎么办？

Question

<link href="3.css" rel="stylesheet" type="text/css" />

<script  src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>

<script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>

<link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

myFocus.set({

id:'picBox'//ID

});

</script>

<h4

@charset "utf-8";
/* CSS Document */

h4{ line-height:32px;
    padding-left:40px;
	color:#FFF;;
	background:url(images/images/left_bj.png) no-repeat;
}
.hot{
	border:1px solid #dae3ce;
    margin-top:-15px;}
    .hot{height:218px;}
.hot1{width:190px;
      float:right;
      height:191px;
      overflow:hidden;
}

>热卖产品</h4>

      <div class="hot">

        <div class="hot1" id="picBox">

           <div class="pic">

             <ul>

                 <li><a href=""><img src="images/images/D20099219230.jpg" /></a></li>

                 <li><a href=""><img src="images/images/D201048103755.jpg" /></a></li>

                 <li><a href=""><img src="images/images/D2009612112347.jpg" /></a></li>

             </ul>

          </div>

          </div>

        </div><!--hot结束--> 

Answer 1

首先如果你觉得轮廓不美观这不是美工应该处理的问题吗= = ，不好看就自己改图片，改好了的PNG你直接用就好了啊