求助colorbox问题

我想使用colorbox来实现弹出窗口 ，---本人对JS和JQuery都没接触过，希望各位能人帮帮忙啦对在网上下载的原代码进行修改
 -----这是修改后的代码------------<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">
body{font:12px/1.2 Verdana, Arial, san-serrif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
    <link href="colorbox.css" rel="stylesheet" type="text/css" />
    <script src="../colorbox/jquery.colorbox-min.js" type="text/javascript"></script>
    <script src="../colorbox/jquery.colorbox.js" type="text/javascript"></script>
    <script type="text/javascript">
$(document).ready(function(){
$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
  });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <p><a class='example7' href="http://google.com" >Outside Webpage (Iframe)</a></p>
    </form>
</body>
</html>

解决方案 »

  1.   

    点击页面的Outside Webpage (Iframe)，并没有在原网页上弹出窗口，而是直接弹出新的页面 —>google的主页出来, 菜鸟泣血求助....
      

  2.   

    没有引用jquery<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>添加这条引用后再试试。下面是colorbox的一些实例，希望对你有帮助：
    http://colorpowered.com/colorbox/core/example1/index.html
      

  3.   

    打开了倒是成功啦，但是要运用到实际上，就得对colorbox的各种样式进行自定义，比如弹出的方式（渐变，从上而降...），对该窗口的边框进行各种的改变，还有关闭按钮的设置，我看了CSS的文件，都看不出来。 难道要到引用到的js里面去修改吗
      

  4.   

    对colorbox的各种样式进行自定义请参考（都是英文的，看不懂就找谷歌吧！呵）：
    http://colorpowered.com/colorbox/
    页面上面有每种参数对应的含义，具体设置方式可以参照之前发的页面上的例子。
    都是在js中设置的，跟css没有任何关系。