qunee 缩略图_html-js-css

概述<!DOCTYPE html><html><head> <title>Hello Qunee for HTML5</title> <meta charset="utf-8"></head><body><div style="height: 500px;" id="canvas"></div><script src="http://demo.qunee.c

<!DOCTYPE HTML><HTML><head>    <Title>Hello Qunee for HTML5</Title>    <Meta charset="utf-8"></head><body><div style="height: 500px;" ID="canvas"></div><script src="http://demo.qunee.com/Js/common/qunee-min.Js"></script><script type="text/JavaScript" src="./qunee/jquery.min.Js"></script> // 自己找这个Js文件<!--<script src="http://demo.qunee.com/Js/common/OvervIEw.Js"></script>--><script src="http://demo.qunee.com/Js/common/OvervIEw.Js"></script><script>    var graph = new Q.Graph(canvas);    var hello = graph.createNode("Hello",-100,-50);    hello.image = Q.Graphs.server;    var qunee = graph.createNode("Qunee",100,50);    var edge = graph.createEdge("Hello\nQunee",hello,qunee);    edge.setStyle(Q.Styles.LABEL_OFFSET_Y,-10);    edge.setStyle(Q.Styles.LABEL_position,Q.position.CENTER_top);    edge.setStyle(Q.Styles.LABEL_ANCHOR_position,Q.position.CENTER_BottOM);    edge.setStyle(Q.Styles.LABEL_border,1);    edge.setStyle(Q.Styles.LABEL_POINTER,true);    edge.setStyle(Q.Styles.LABEL_padding,new Q.Insets(2,5));    edge.setStyle(Q.Styles.LABEL_BACKGROUND_GRADIENT,Q.GradIEnt.liNEAR_GRADIENT_VERTICAL);    // 创建缩略图的div    var overvIEwdiv = document.createElement(‘div‘);    overvIEwdiv.style.wIDth = ‘200px‘;    overvIEwdiv.style.height = ‘200px‘;    overvIEwdiv.style.position = ‘absolute‘;    overvIEwdiv.style.top = ‘10px‘;    overvIEwdiv.style.right = ‘10px‘;    // overvIEwdiv.style.backgroundcolor = ‘red‘;
    // 将创建好的div添加到graph里面    graph.HTML.appendChild(overvIEwdiv);
    // 通过OvervIEw方法生成缩略图    var overvIEw = new Q.OvervIEw(overvIEwdiv,graph);</script></body></HTML>