JQuery 实现滚动体样式 不指定

Else , 2010/03/30 13:06 , JQuery资源 , Comments(1) , Reads(954) , Via Original
demo3的下载 http://www.uushare.com/user/cukunet/files/2799120

本站演示

有用到一个jq的插件


<script type="text/javascript" src="js/jquery.linscroll.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$("#scrollContent").setScroll( //scrollContent为滚动层的ID
  {img:"images/scroll_bk.gif",width:8},//背景图及其宽度
  {img:"images/scroll_arrow_up.gif",height:3},//up image
  {img:"images/scroll_arrow_down.gif",height:3},//down image
  {img:"images/scroll_bar.gif",height:25}//bar image
);
}
);  
</script>


ps:
这个例子也是同事ivy做的!

<script type="text/javascript">
$(function(){
  var x=10;
  var y=10;
  $("a.tooltip").mouseover(function(e){
    var tooltip="<div id='tooltip'><img src='"+this.href+"' alt='商品預覽圖'/></div>";
    $("body").append(tooltip);
    $("#tooltip").css({
      "top":(e.pageY+y)+"px","left":(e.pageX+x)+"px","position":"absolute","border":"1px solid #ccc","background":"#FFF"
    }).show("fast");
  }).mouseout(function(){
    $("#tooltip").remove();
  }).mousemove(function(e){
    $("#tooltip").css({
      "top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"
  });
  });
});
</script>


查看例子

jquery ajax删除的例子 不指定

Else , 2010/03/30 01:36 , JQuery资源 , Comments(4) , Reads(1291) , Via Original
删除的例子,有两部,一是以看到的,二是看不到的

可以看到的是我们点了之后,要删除的那一行没了

并提示我们 某某删除成功,先不做php的部分


<script type="text/javascript" src="http://www.aixq.com/js/jquery.js"></script>
<script type="text/javascript">


/**
函数名 msgdel
参数 ids
作用 删除
其它 remove() 可以参考手册

**/
function msgdel(ids)
{
$("#tr"+ids).remove();
/**
这里用来向服务器提交,文件名叫ajax.php
**/
$("#msg").html(ids+"删除成功");
}
</script>

查看例子
写软件的效率提高就是工具的提高

所以除了学会新的软件,还要会写一些自己能用的软件!

这样的效率就可以更好的提高了!
Pages: 1/1 First page 1 Final page [ View by Articles | List ]