मैं एक परिपत्र मेनू बनाने के लिए देख रहा हूं और अब तक, मैं सर्कुलर पोजिशनिंग जावास्क्रिप्ट के साथ काम कर सकता हूं लेकिन फिर भी शुद्ध सीएसएस विकल्प प्राप्त करने में दिलचस्पी लेता हूं।यह सीएसएस मेनू कैसे बनाया गया है?
मेरे शोध में मैंने इस मेनू की खोज की: http://www.cssplay.co.uk/menus/cssplay-round-and-round.html।
ताकि मेनू प्रत्येक इंडेक्स को एक इंडेक्स (पी 1, पी 2, पी 3 ...) के साथ एक वर्ग देकर किया गया हो तो उप मंडल के बच्चों में कक्षाएं (एस 1, एस 2, एस 3 ...) होती हैं। फिर आइटम हैं -webkit- अपनी कक्षा से जगह में बदल दिया।
क्या तत्वों पर क्लिक्स को हार्डकोड किए बिना और प्रत्येक प्रकार के सीएसएस नियमों को लिखने के बिना ऐसा करने का कोई तरीका है? यदि नहीं, तो जेएस के साथ ऐसा करने का सबसे अच्छा तरीका क्या है?
क्या मैं बिल्कुल द्वारा वांछित प्रभाव अब तक
मैं हासिल किया है स्थिति जावास्क्रिप्ट के साथ तत्वों, फिर भी मैं वास्तव में समाधान के इस शैली में दिलचस्पी नहीं है। कोड लगता है: वास्तविक कोड
var circles = document.getElementsByClassName('circle');
var radius = circles.style.height/2;
for(var i = 0; i < circles.length; i++) {
var items = circles.children;
for(var i = 0; i < items.length) {
items.style.left = 0 + cos((i/items.length) * 360) * radius;
items.style.top = 0 + cos((i/items.length) * 360) * radius;
}
}
style.width की वापसी का उद्देश्य प्रकृति की वजह से थोड़ा अधिक जटिल है, लेकिन एक उदाहरण के रूप में इस आप चीजों का सार देना चाहिए।
बस अपनी जानकारी के लिए, यह पथ आईओएस ऐप से पथ मेनू के रूप में भी जाना जाता है। गुगलिंग जो आपको ट्यूटोरियल खोजने में मदद कर सकती है, शायद। –
आपने जो कुछ भी किया है? – Starx
@ डैन प्रिंस क्षमा करें मुझे गलत समझा जाना चाहिए! शुभकामनाएं! – captainrad