JavaScript DHTML/Dojo toolkit/Fisheye

Материал из Web эксперт
Перейти к: навигация, поиск

Create fish eye list

   <source lang="html4strict">

<html> 

 <head>
   <link rel="StyleSheet" href="js/dojo/dojox/widget/FisheyeList/FisheyeList.css" type="text/css">
   <script type="text/javascript">
     var djConfig = {
       baseScriptUri : "js/dojo/"
     };
   </script>
   <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
   <script language="JavaScript" type="text/javascript">
     dojo.require("dojo.parser");
     dojo.require("dojox.widget.FisheyeList");
     dojo.require("dojox.storage");
     dojo.addOnLoad(function(){
       dojo.parser.parse(dojo.byId("divMain"));
     });
   </script>
 </head>
 <body >

 </body>

</html> 

 </source>


Fish eye on text

   <source lang="html4strict">

<html> 

 <head>
   <link rel="StyleSheet" type="text/css"
     href="js/dojo/dijit/themes/tundra/tundra.css">
   <script type="text/javascript">
     var djConfig = {
       baseScriptUri : "js/dojo/",
       parseOnLoad : true
     };
   </script>
   <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
   <script>
     dojo.require("dojox.widget.FisheyeLite");
     
     dojo.addOnLoad(function(){
       dojo.query("b", dojo.byId("my")).forEach(function(n){
         new dojox.widget.FisheyeLite({
           properties:{
             fontSize:1.50,
             letterSpacing:2.00
           }
       },n);
       }).connect("onclick",dojo,"stopEvent");
     });
   </script>
 </head>
 <body class="tundra">

text textanother texttext 

 </body>

</html>

</source>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Dojo_toolkit/Fisheye&oldid=1941»