怎么定位鼠标点击后显示当前所在位置?

Question

<div class="meili_zilon">
<a class="meili11_on" id=MovieInfoT1  onclick ="PanShow('MovieInfo','meili11',1,8)" href="/1/lists.html">1</a>
<a class="meili11_off" id=MovieInfoT2  onclick="PanShow('MovieInfo','meili11',2,8)" href="/2/1,0,1.html">2</a>
<a class="meili11_off" id=MovieInfoT3  onclick="PanShow('MovieInfo','meili11',3,8)" href="/3/2,0,1.html">3</a>
<a class="meili11_off" id=MovieInfoT4  onclick="PanShow('MovieInfo','meili11',4,8)" href="/4/3,0,1.html">4</a>
<a class="meili11_off" id=MovieInfoT5  onclick="PanShow('MovieInfo','meili11',5,8)" href="/5/4,0,1.html">5</a>
<a class="meili11_off" id=MovieInfoT6  onclick="PanShow('MovieInfo','meili11',6,8)" href="/6/5,0,1.html">6</a>
<a class="meili11_off" id=MovieInfoT7  onclick="PanShow('MovieInfo','meili11',7,8)" href="/7/6,0,1.html">7</a>
<a class="meili11_off" id=MovieInfoT8  onclick="PanShow('MovieInfo','meili11',8,8)" href="/8/7,0,1.html">8</a>
</div>
<div id="MovieInfo1" class="sp_top">1</div>
<div id="MovieInfo2" class="sp_top" style="display:none;">2</div>
<div id="MovieInfo3" class="sp_top" style="display:none;">3</div>
<div id="MovieInfo4" class="sp_top" style="display:none;">4</div>
<div id="MovieInfo5" class="sp_top" style="display:none;">5</div>
<div id="MovieInfo6" class="sp_top" style="display:none;">6</div>
<div id="MovieInfo7" class="sp_top" style="display:none;">7</div>
<div id="MovieInfo8" class="sp_top" style="display:none;">8</div>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<script>
  $('.meili_zilon a').click(function(){
  $('.meili_zilon a').removeClass('meili11_on').addClass('meili11_off');
$(this).addClass('meili11_on').removeClass('meili11_off');
    $('.sp_top').hide().eq($('.meili_zilon a').index(this)).show()
    return false;
  })
</script>

Answer 1

<script>
  $('.meili_zilon a').click(function(){
  $('.meili_zilon a').removeClass('meili11_on').addClass('meili11_off');
$(this).addClass('meili11_on').removeClass('meili11_off');
    $('.sp_top').hide().eq($('.meili_zilon a').index(this)).show()
  })
</script>

Answer 2

对了 href="//1/lists.html"路径第一层是一样的、后面的连接是一个伪静态的连接
 href="//1/lists.html/1,0,1.html"  

Answer 3

不好意思我上面的连接路径写错了抱歉，第一层的路径是一样的多是/1/
后面应该是/1/lists.html/1,0,1.html"这个路径是一个伪静态的页面。
也就是说当我点击1的时候显示数据表中的所有内容，点击2的时候显示就只显示2的内容。现在的问题就是鼠标点击后会出现当前的数据，但是当前的位置不正确。

Answer 4

现在整个页面的代码如下：
<?
include_once getenv(DOCUMENT_ROOT)."/c/header/head.php";
$id=(int)intval($_GET['id']);
$nowPage=(int)intval($_GET['nowPage']);
$opitem=(int)intval($_GET['opitem']);
if ($id<1){//||$brd_id<1){
$vars = explode("/", $nav.'/');
$hid=explode(".html",$vars[1]);
$sid=explode(",",$hid[0].',,');
$opitem = (int)intval($sid[0]);
$id = (int)intval($sid[1]);
$nowPage = (int)intval($sid[2]);
 }
if($nowPage<1)$nowPage=1;
//echo $opitem.' '.$id.' '.$nowPage;
$tname = 2;
$nowdata->nownum = -1;
$viewPages=9;
$viewContents=$nowPage==1?8:9;
$query = "select count(*) from aftershare_cn";
$res_id = mysql_query($query);
$row = mysql_fetch_array($res_id);
$totContents=$row[0];
mysql_free_result($res_id);
$totPages=ceil($totContents/$viewContents);
if(!$totPages) $totPages=1;
if(!$nowPage) $nowPage=1;
$rStartNum=($nowPage-1)*$viewContents;
$query = "select * from after_cn where tname=$tname";
$query .=" order by orderby desc ";
$query .= " limit $rStartNum, $viewContents";
$result = mysql_query($query);
$data[cnt] = 0;
while ($row = mysql_fetch_object($result)) {
$data[$data[cnt]] = $row;
if($nowdata->no == $row->no) $nowdata->nownum = $data[cnt];
$data[cnt]++;
}
?>
<!--content-->
<div id="meili_share"></div>
<!--content-->
<div id="about_page">
<!--左边内容-->
<? require(getenv(DOCUMENT_ROOT)."/c/left/meili_left.php");
?>
<!--右边内容块-->
<div id="about_right">
        <!---->
        <div class="clear5"></div>
        <div class="linst_content">
         <ul class="list_title">
            <?
$query = "select * from aftershare_cn where tname=0 and id=$id";
$res_id = mysql_query($query);
for($i=0;$row=mysql_fetch_array($res_id);$i++){
?>
             <li><span class="list_tis">标题：</span><span class="list_tt"><?=$row[title]?></span></li>
                <li>
                 <span class="list_na">名字</span>
                    <span class="list_name"><?=$row[tname]?></span>
                    <span class="list_t">日期</span>
                    <span class="list_time"><?=substr($row[ent_date],0,10)?></span>
                    <span class="list_d">点击数</span>
                    <span class="list_ds"><?=$row[hit]?></span>
                </li>
                
            </ul>
            <div style="padding:20px 0; line-height:23px;"><?=str_replace('&#34;','"',htmlspecialchars_decode(stripcslashes($row[content]))) ?>            </div>
            <? 
            }
            mysql_free_result($res_id);
            ?>
        </div>
        <div class="clear5"></div>
        <!--tag-->
        <div class="xm_fh_tag">
<div class="meili_zilon">
<a class=meili11_on id=MovieInfoT1 href="/meili/lists.html">全部</a>
<a class=meili11_off id=MovieInfoT2 href="/meili/lists.html/1,0,1.html">2</a>
<a class=meili11_off id=MovieInfoT3 href="/meili/lists.html/2,0,1.html">3</a>
<a class=meili11_off id=MovieInfoT4 href="/meili/lists.html/3,0,1.html">4</a>
<a class=meili11_off id=MovieInfoT5 href="/meili/lists.html/4,0,1.html">5</a>
<a class=meili11_off id=MovieInfoT6 href="/meili/lists.html/5,0,1.html">6</a>
    <a class=meili11_off id=MovieInfoT7 href="/meili/lists.html/6,0,1.html">7</a>
    <a class=meili11_off id=MovieInfoT8 href="/meili/lists.html/7,0,1.html">8</a>
</div>
<div id="MovieInfo1" class="sp_top">
<div class="slide">
<ul id="bigSlideUl" class="slide-ul clearfix">
<li><a><img src="/i/meili/lists/post_best_img_01.png" /></a></li>
<li><a><img src="/i/meili/lists/post_best_img_02.png" /></a></li>
<li><a><img src="/i/meili/lists/post_best_img_03.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_11.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_12.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_13.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_21.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_22.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_23.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_31.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_34.png" /></a></li>
<li><a><img srch="/i/meili/lists/post_best_img_43.png" /></a></li>
</ul>
</div>
<!--slide 切换按钮-->
<ul id="smallSlideUl" class="info-btn clearfix">
<li class="info-cur" id="mypic0" sid="0"><span>1</span></li>
<li id="mypic1" sid="1"><span>2</span></li>
<li id="mypic2" sid="2"><span>3</span></li>
<li id="mypic3" sid="3"><span>4</span></li>
</ul>
        <!---->
    </div>
<div id="MovieInfo2" class="sp_top" style="display:none;">2</div>
<div id="MovieInfo3" class="sp_top" style="display:none;">3</div>
<div id="MovieInfo4" class="sp_top" style="display:none;">4</div>
<div id="MovieInfo5" class="sp_top" style="display:none;">5</div>
<div id="MovieInfo6" class="sp_top" style="display:none;">6</div>
    <div id="MovieInfo7" class="sp_top" style="display:none;">7</div>
    <div id="MovieInfo8" class="sp_top" style="display:none;">8</div>
</div>
        <!---->
        <ul class="hjfx_list">
<?

$qex='';
if($opitem>0)$qex=' and opitem='.$opitem;
$class=$opitem;//用于分页变量

$viewPages=9;
$query = "select count(*) from after where del=0 and ok=1 $qex"; $res_id = mysql_query($query);
$row = mysql_fetch_array($res_id);
$totContents=$row[0];
mysql_free_result($res_id);

$totPages=ceil($totContents/$viewPages);
if(!$totPages) $totPages=1;
$rStartNum=($nowPage-1)*$viewPages;

$query = "select id,img,title,opitem from afte where del=0 and ok=1 $qex order by id desc limit $rStartNum,$viewPages";
$res_id = mysql_query($query);
for($i=0;$row=mysql_fetch_array($res_id);$i++){?>
         <li>
                <a href="/meili/lists.html/<?=$row[3]?>,<?=$row[0]?>,<?=$nowPage?>.html" param="nowPage=<?=$nowPage?>"><img src="/data_/S/image/<?=htmlspecialchars_decode($row[1])?>">
                    <p class="hjfx_txt"><?=$row[2]?></p>
                </a>
            <?}?>
            </li>
        </ul>
        <div class="list_but"><a href="/meili/list_table.html" target="_blank"><img src="/i/meili/lists/list_but_1.gif"></a></div>
        <?=viewpageNum6($nowPage, $viewPages, $totPages)?>
        <!---->
</div>
<!---->
</div>
<!--footer--><? require(getenv(DOCUMENT_ROOT)."/c/footer/footer_links.php");
require(getenv(DOCUMENT_ROOT)."/c/footer/footer_nav.php");
require(getenv(DOCUMENT_ROOT)."/c/footer/copyright.php");
?>
<script>
  $('.meili_zilon a').click(function(){
  $('.meili_zilon a').removeClass('meili11_on').addClass('meili11_off');
$(this).addClass('meili11_on').removeClass('meili11_off');
    $('.sp_top').hide().eq($('.meili_zilon a').index(this)).show()
    return false;
  })
</script>
<script type="text/javascript" src="/static/js/mxzl/qieh.js"></script>
<script type="text/javascript" src="/static/js/jq/zsucai.js"></script>

Answer 5

不懂你的意思不好意思我上面的连接路径写错了抱歉，第一层的路径是一样的多是/1/
后面应该是/1/lists.html/1,0,1.html"这个路径是一个伪静态的页面。
也就是说当我点击1的时候显示数据表中的所有内容，点击2的时候显示就只显示2的内容。现在的问题就是鼠标点击后会出现当前的数据，但是当前的位置不正确。

Answer 6

不好意思我上面的连接路径写错了抱歉，第一层的路径是一样的多是/1/
后面应该是/1/lists.html/1,0,1.html"这个路径是一个伪静态的页面。
也就是说当我点击1的时候显示数据表中的所有内容，点击2的时候显示就只显示2的内容。现在的问题就是鼠标点击后会出现当前的数据，但是当前的位置不正确。
6楼是现在页面中的代码。当鼠标点击a标签的时候原来的连接后面会多出一个类似于/1.0.1.html这样的路径，你的script中加了return false;这个就执行不了内容的分类显示，不加会出现定位不正确。