HTML文档的计算问题

OKJSJSF · 发表于 2024-9-17 11:02

bcdd748056fc17520486159873918b45_O1CN011uZIPI1rMdaLz9dZv_!!3587755617.jpg

OKJSJSF · 发表于 2024-9-17 11:04

本帖最后由 OKJSJSF 于 2024-9-17 11:41 编辑

HTML说：一切皆为框，PC说：一切皆为数。

OKJSJSF · 发表于 2024-9-17 12:07

在亲朋通讯录中，可以把相同父元素的最末级元素的姓名再设为父节点，从左向右平铺罗列，自动换行，点击后展开，采用弹窗排版电话等信息。这样可以缩小页面高度。根节点中的父系、母系、兄弟姐妹系、朋友、邻里，下一级不同的地址，再下一级的姓名，三类父元素可以用三组手动的旋转木马。这就象依次对电子表格中三个字段进行自动筛选。最常见就是行政区划录入中对省市县乡村做的五级选单。手机上一般是上下双向滑动操作，不是单向滑动旋转。

OKJSJSF · 发表于 2024-9-17 21:12

老师又奖我花了！让我欲罢不能、不遗余力。

OKJSJSF · 发表于 2024-9-17 21:18

我要想办法让旋转木马的图片或文字面对用户时，突出显示一下，比如放大并增加外轮廓阴影，不知道这仅仅采用CSS功能能否搞定？估计不行。
程序员在手机上的是一般采用淡入淡出。

OKJSJSF · 发表于 2024-9-17 22:37

亲朋通讯录中，500-1023表示10月23日收礼金500元，没有写上年份与事件。也没有写亲戚是何种关系。对这个根节点（父系、母系，兄弟姐妹系，朋友，邻里）、二级节点（地址、单位等），还可以按其他关系性质进行分类。也不知哪种更有方便实效。
我的华为手机联系人进入后，主要是：搜索框、群组标签与全部联系人的信息，右边一条26个字母的垂直浮动按钮。群组进入后是智能群组与自定义新建的群组。新建的群组只有父子二级（组名、联系人信息），组建得多了超过屏幕范围就感觉不爽不直观。智能群组是父子孙三级，比如：组名单位>单位名农行>若干联系人信息，组名只有单位、城市、最近联系人三种，我们自定义添加的项都不能成为智能群组。所以，自己用HTML作个通讯录还是有用的，想分成几级就几级，缺点是不能保存在屏幕上。

OKJSJSF · 发表于 2024-9-18 19:01

除了60进制、24进制的时钟，最常见的旋转木马10进制产品是机动车行程表公里数：

OKJSJSF · 发表于 2024-9-19 21:35

昨天一晚上没弄成功：把旋转木马放在亲朋通讯录中，背对中心旋转变成一条扁担在旋转。

OKJSJSF · 发表于 2024-9-22 21:55

本帖最后由 OKJSJSF 于 2024-9-22 22:04 编辑

旋转木马搁置一边，星期二天在试用经典的菜单折叠展开功能，从网上搜出二段代码，一段是用CSS的办法，另一段是javascript的办法，都没成功。 css的办法发现少了一块类选择器代码，自己又不知如何补上。javascript的办法在点击父节点展开子节点后，点击子节点时，会折叠子节点本身，没有找到解决办法。于是，拆封了前几天淘宝的张鑫旭老师著的2024年7月第一次出版的《HTML并不简单》，想看看有没有解决方案。果然，书中有办法，只不过不是老办法。我学习菜单折叠展开经典功能主要是想在点击交互时切换按钮图标或符号，比如箭头与加减号。实际上，details、summary这二个元素组合时，可以直接自定义按钮图标或符号、颜色、位置的切换，还可以直接设置是否最多只展开一个节点（其他节点同时折叠，只是这个功能是最近才开发的，除了chrome、safari，其他浏览器还未开始支持）。

OKJSJSF · 发表于 2024-9-22 22:13

本帖最后由 OKJSJSF 于 2024-9-23 20:20 编辑

下面是折叠展开的lavascript老办法，运行结果是有错误的：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>通讯录排版(旧办法)</title>
</head>

<body>
<ul class="menu">

<li>石门支行
<ul class="submenu">
<li>石门本部</li>
<li>长台</li><li>江郎</li><li>张村</li><li>塘源口</li>
</ul>
</li>

<li>清湖支行
<ul class="submenu">
<li>清湖本部</li>
<li>碗窑</li>
</ul>
</li>

</ul>
</body>

<style>
.menu .submenu{display: none ;
}
</style>

<script>
document.querySelectorAll('.menu li').forEach(
function(menuItem){
menuItem.addEventListener('click',mydetails,false);
function mydetails(){
var submenu=this.querySelector('.submenu');
if(submenu.style.display==='none'){submenu.style.display='block';}
else{submenu.style.display='none';}
}
}
)
</script>

</html>

		自动登录	找回密码
密码			免费注册

[求助] HTML文档的计算问题