part1-CST建模

标题创建简单模型。

  1. 创建brick 左键双击即可确定点。点击TAB键可以精确的输入下一个点的位置,也可在对话框中选择建模所用的坐标系。shift + tab 键可以定位到原点位置,如果你想要在原点创立模型。
  2. 矩形brick,从中间向两侧拉伸的效果。可以点击brick——绘制第一个点——然后顺着一条线绘制第二点——就可以沿着这条线向两端拉伸。
  3. 在绘制圆锥型时,默认是创建圆台,若不想通过指定顶部直径为0来创建,可以直接按esc键。
  4. 在创建过程中,可以通过backspace键删除已经确定的点。
  5. 建立复杂模型。用Boolean创建复杂模型。若两个模型交叠,则创建后会直接提示相关的操作。
  6. 选择建好的单个shape。1)在视图中双击这个shape。2)在左边工程树中单击。
  7. 将不同的shapes组成component(部分,功能零件)。1)选中零件后,直接右键单击,选择change component。2)也可以麻烦一点儿在顶部Edit大菜单栏下,选择change,下拉菜单选择,change component。在这里插入图片描述
以下是实现的代码: HTML代码: ```html <div class="part1-pic-bg"> <div class="part1-iconinfo1" data-target="part1-iconinfo1-content">Icon Info 1</div> <div class="part1-iconinfo2" data-target="part1-iconinfo2-content">Icon Info 2</div> <div class="part1-iconinfo3" data-target="part1-iconinfo3-content">Icon Info 3</div> <div class="part1-iconinfo4" data-target="part1-iconinfo4-content">Icon Info 4</div> <div class="part1-iconinfo" id="part1-iconinfo1-content">Icon Info 1 Content</div> <div class="part1-iconinfo" id="part1-iconinfo2-content">Icon Info 2 Content</div> <div class="part1-iconinfo" id="part1-iconinfo3-content">Icon Info 3 Content</div> <div class="part1-iconinfo" id="part1-iconinfo4-content">Icon Info 4 Content</div> </div> ``` CSS代码: ```css .part1-pic-bg { display: flex; flex-wrap: wrap; } .part1-iconinfo { display: none; width: 100%; margin-top: 10px; background-color: #f0f0f0; padding: 10px; } ``` jQuery代码: ```javascript $(document).ready(function() { $('.part1-pic-bg > div').click(function() { var target = '#' + $(this).data('target'); $(target).slideToggle(); }); $(document).click(function(event) { if (!$(event.target).closest('.part1-pic-bg').length) { $('.part1-iconinfo').slideUp(); } }); }); ``` 解释一下代码: 首先,在HTML代码中,我们给每个大盒子都添加了一个data-target属性,用来指定对应的小盒子的id值。 然后,我们在CSS代码中将所有的小盒子都隐藏了起来,并设置了一些样式。 接着,我们使用jQuery来实现点击大盒子显示对应的小盒子的功能。具体实现方式是,当点击大盒子时,我们获取它的data-target属性值,然后根据该值找到对应的小盒子,并使用slideToggle()方法来切换显示和隐藏状态。 最后,我们再通过jQuery来实现点击任意地方隐藏小盒子的功能。具体实现方式是,当用户点击文档中除了大盒子以外的任意地方时,我们就将所有的小盒子都隐藏起来。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值