demo3的下载 http://www.uushare.com/user/cukunet/files/2799120
本站演示
有用到一个jq的插件
ps:
这个例子也是同事ivy做的!
本站演示
有用到一个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>
<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>
$(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>
查看例子
删除的例子,有两部,一是以看到的,二是看不到的
可以看到的是我们点了之后,要删除的那一行没了
并提示我们 某某删除成功,先不做php的部分
查看例子
可以看到的是我们点了之后,要删除的那一行没了
并提示我们 某某删除成功,先不做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>
<script type="text/javascript">
/**
函数名 msgdel
参数 ids
作用 删除
其它 remove() 可以参考手册
**/
function msgdel(ids)
{
$("#tr"+ids).remove();
/**
这里用来向服务器提交,文件名叫ajax.php
**/
$("#msg").html(ids+"删除成功");
}
</script>
查看例子







