首页技术博客 PHP教程数据库技术前端开发 HTML5 Nginx php论坛

新用户注册 | 会员登录

热门标签 | HotTags

当前位置: 开发笔记 > 编程语言 > 正文

dojo实现一个菜单

作者：手机用户2602919727 | 来源：互联网 | 2023-08-16 09:41

今天做了一个下午网页,中午觉都没有睡.发现菜单做得挺难看的,很是郁闷.索性不做了,打开dojo的demo一看发现里面的有点炫的菜单.于是引用了下引入dojo包为dojoj

今天做了一个下午网页,中午觉都没有睡.发现菜单做得挺难看的 ,很是郁闷....

索性不做了,打开dojo的demo一看发现里面的有点炫的菜单.于是引用了下

引入dojo包为dojojs包(跟以前的文章一样引入,如不清楚就看前篇) ......

DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN " " http://www.w3.org/TR/html4/strict.dtd " >

< html >

< head >

< title > FisheyeList Widget Demo title >

< script type = " text/Javascript " >

var djConfig = ... {isDebug: true, debugAtAllCosts: false} ;

script >

< script type = " text/Javascript " src = " dojojs/dojo.js " > script >

< script type = " text/Javascript " >

dojo.require( " dojo.widget.* " );

script >

< script >

function load_app(url) ... {

location.href=url;

}

script >

< style >

.dojoHtmlFisheyeListBar ... {

margin: 0 auto;

text-align: center;

}

.outerbar ... {

text-align: center;

position: absolute;

left: 0px;

top: 0px;

width: 100%;

}

body ... {

font-family: Arial, Helvetica, sans-serif;

padding: 0;

margin: 0;

}

.page ... {

padding: 60px 20px 20px 20px;

}

style >

head >

< body >

< div class = " outerbar " >

< div dojoType = " FisheyeList "

itemWidth = " 50 " itemHeight = " 50 "

itemMaxWidth = " 200 " itemMaxHeight = " 200 "

orientation = " horizontal "

effectUnits = " 2 "

itemPadding = " 10 "

attachEdge = " top "

labelEdge = " bottom "

enableCrappySvgSupport = " false "

>

< div dojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "

iconsrc = " images/icon_browser.png " caption = " Web Browser " >

div >

< div dojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "

iconsrc = " images/icon_calendar.png " caption = " 留言板 " >

div >

< div dojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "

iconsrc = " images/icon_email.png " caption = " Email " >

div >

< div dojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "

iconsrc = " images/icon_texteditor.png " caption = " Text Editor " >

div >

< div dojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "

iconsrc = " images/icon_update.png " caption = " Software Update " >

div >

< div dojoType = " FisheyeListItem " onClick = " load_app('http://blod.csdn.net/gxzheng1985'); "

iconsrc = " images/icon_users.png " caption = " Users " >

div >

div >

BODY >

HTML >

引入图片可以看到效果...

鼠标经过之后可以看到

推荐阅读

default
linux qt打开常用文件格式,设置Linux Qt文件默认打开方式为QtCreator

Linux自定义文件打开方式也可参照文本抱歉,本文前段时间写的ubuntu下的Qt工程文件默认打开方式是不好用的,因为其他的文本文件也会受到影响,强迫症患者,每次打开Qt工程都是先 ... [详细]

蜡笔小新 2023-10-17 16:56:50
char
十六.增加一个项目协作留言板功能（二）----- 建立一个任务管理的列表页面

我们设计一个页面来展示正在处理的任务，该表格可以参照之前基础信息的增删改查。用户通过这个页面对任务进行相应操作。1.在views. ... [详细]

蜡笔小新 2023-10-16 11:43:26
default
Spring源码解密之默认标签的解析方式分析

本文分析了Spring源码解密中默认标签的解析方式。通过对命名空间的判断，区分默认命名空间和自定义命名空间，并采用不同的解析方式。其中，bean标签的解析最为复杂和重要。 ... [详细]

蜡笔小新 2023-12-14 17:24:50
stream
向QTextEdit拖放文件的方法及实现步骤

本文介绍了在使用QTextEdit时如何实现拖放文件的功能，包括相关的方法和实现步骤。通过重写dragEnterEvent和dropEvent函数，并结合QMimeData和QUrl等类，可以轻松实现向QTextEdit拖放文件的功能。详细的代码实现和说明可以参考本文提供的示例代码。 ... [详细]

蜡笔小新 2023-12-14 16:06:38
match
android listview OnItemClickListener失效原因

最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 14:25:50
match
PHP实现断点续传乱序合并文件的方法和源码

本文介绍了使用PHP实现断点续传乱序合并文件的方法和源码。由于网络原因，文件需要分割成多个部分发送，因此无法按顺序接收。文章中提供了merge2.php的源码，通过使用shuffle函数打乱文件读取顺序，实现了乱序合并文件的功能。同时，还介绍了filesize、glob、unlink、fopen等相关函数的使用。阅读本文可以了解如何使用PHP实现断点续传乱序合并文件的具体步骤。 ... [详细]

蜡笔小新 2023-12-14 04:33:19
match
Express App如何提供不需要的静态文件？

本文介绍了如何使用Express App提供静态文件，同时提到了一些不需要使用的文件，如package.json和/.ssh/known_hosts，并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]

蜡笔小新 2023-12-12 14:38:07
cmd
Sencha Touch学习使用心得 Unit 1 搭架构

本文介绍了Sencha Touch的学习使用心得，主要包括搭建项目框架的过程。作者强调了使用MVC模式的重要性，并提供了一个干净的引用示例。文章还介绍了Index.html页面的作用，以及如何通过链接样式表来改变全局风格。 ... [详细]

蜡笔小新 2023-12-11 12:42:44
grid
pack布局管理器的使用方法及注意事项

本文介绍了pack布局管理器在Perl/Tk中的使用方法及注意事项。通过调用pack()方法，可以控制部件在显示窗口中的位置和大小。同时，本文还提到了在使用pack布局管理器时，应注意将部件分组以便在水平和垂直方向上进行堆放。此外，还介绍了使用Frame部件或Toplevel部件来组织部件在窗口内的方法。最后，本文强调了在使用pack布局管理器时，应避免在中间切换到grid布局管理器，以免造成混乱。 ... [详细]

蜡笔小新 2023-12-10 16:03:24
function
express工程中的json调用方法

本文介绍了在express工程中如何调用json数据，包括建立app.js文件、创建数据接口以及获取全部数据和typeid为1的数据的方法。 ... [详细]

蜡笔小新 2023-12-10 13:09:24
flutter
今日份分享：Flutter自定义之旋转木马

今日份分享：Flutter自定义之旋转木马-先上图，带你回到童年时光:效果分析子布局按照圆形顺序放置且平分角度子布局旋转、支持手势滑动旋转、快速滑动抬手继续旋转、自动旋转支持X轴旋 ... [详细]

蜡笔小新 2023-10-17 21:08:55
main
Flutter 布局（四） Baseline、FractionallySizedBox、IntrinsicHeight、IntrinsicWidth详解

本文主要介绍Flutter布局中的Baseline、FractionallySizedBox、IntrinsicHeight、IntrinsicWidth四种控件，详细介绍了其布局 ... [详细]

蜡笔小新 2023-10-17 18:17:09
function
css 回到顶部按钮

本文由编程笔记#小编为大家整理，主要介绍了css回到顶部按钮相关的知识，希望对你有一定的参考价值。 ... [详细]

蜡笔小新 2023-10-17 13:38:49
function
java unhandled,Eclipse编辑java文件报Unhandled event loop exception错误的解

本人Eclipse版本是”eclipse-jee-kepler-SR2-win32-x86_64“昨天因为换电脑，所以重装了一下软件，装好eclipse ... [详细]

蜡笔小新 2023-10-16 16:49:10
default
如何预置桌面上的应用程序图标、快捷方式图标或者窗口小部件?

请修改resxmldefault_workspace.xml文件，添加如下代码： launcher:packageName完整的包名 launcher:cla ... [详细]

蜡笔小新 2023-10-15 19:29:34

手机用户2602919727

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章

PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |

京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区版权所有