• اطلاعیه ها

    • Saeed Fard

      حمایت وردپرس پارسی از همایش آینده وب و موبایل   19/04/74

        چهارم و پنجم اسفند ماه 1395، همایش آیندهٔ وب و موبایل ایران با حمایت سازمان فناوری اطلاعات در مرکز همایش‌های شهید قندی برگزار خواهد شد. این همایش یک رویداد ۲ روزه است که در آن پیشتازان صنعت وب و موبایل از تکنولوژی‌های روز دنیا در این حوزه‌ها سخن می‌گویند به طوری که این همایش پنجره‌ای به چشم‌انداز آینده‌ٔ وب و موبایل در جهان، و همچنین راهنمایی برای تصمیم‌گیران، تصمیم‌سازان و متخصصان ایرانی است.   فرصت‌هایی که FOWM#  برای شما خلق خواهد کرد: آشنایی با تکنولوژی‌های آینده‌ساز وب و موبایل شرکت در مباحث چالشی درباره وب و موبایل ارتباط و شبکه‌سازی با “قله‌های وب و موبایل” موقعیت‌های کاری، هم‌تیمی‌های جدید دریافت گواهی شرکت در همایش دو روز به‌یادماندنی سرشار از شگفتی   شرکت‌کنندگان در این همایش ضمن آشنایی با فناوری‌های آینده‌ساز وب و موبایل، شرکت در مباحث چالشی و ارتباط با بزرگان وب و موبایل ایران، می‌توانند موقعیت‌های کاری و هم‌تیمی‌های جدید برای کسب‌وکار خود بیابند. این همایش برای طراحان و توسعه‌دهندگان وب‌سایت و موبایل، مدیران ارشد سازمان‌ها، صاحبان کسب‌وکارهای کوچک و متوسط، دانشجویان و علاقه‌مندان دارای نکات آموزشی و جذاب خواهد بود.   مجید علوی‌زاده، دبیر همایش آیندهٔ وب و موبایل که سابقه اجرای چند همایش و سمینار مرتبط را دارد، اعلام کرد: جمعی از بهترین‌ها و پیشروان این دو حوزه در ایران با ارائه‌های تخصصی خود، چشم‌انداز آینده این صنعت‌ها را به شرکت‌کنندگان عرضه خواهند کرد.   در هر یک از روزهای برگزاری همایش، یک پنل تخصصی در مورد یکی از موضوع‌های مهم این حوزه نیز برگزار خواهد شد و دست‌اندرکاران به بحث و تبادل نظر خواهند پرداخت و در پایان، به شرکت‌کنندگان گواهی حضور در همایش اعطا خواهد شد.   ثبت نام در مهمترین رویداد صنعت وب و موبایل ایران تا پایان بهمن ماه ۹۵ امکان پذیر خواهد بود، برای ثبت نام و یا کسب اطلاعات بیشتر در خصوص این رویداد و آشنایی با موضوعات و سخنرانان به آدرس http://conf.wsschool.org/fowm مراجعه نمایید.   کاربران وردپرس پارسی می‌توانند با استفاده از کد wp-parsi از مبلغ ۴۰ هزار تومان تخفیف در ثبت نام برخوردار شوند.
Maryam

تغییر محتوای یک div با hover

14 پست در این موضوع قرار دارد

3div دارم.چطور می تونم محتوای یک div رو با رفتن روی آن تغییر بدهم ؟ محتوی متن و عکس هست.کد زیر رو نوشتم ولی با رفتن روی یکی از div ها ، div ای که با رفتن روی آن ظاهر می شود پایین می افند.


$(".div-circle").hover(function(){
root=$(this);
$(this).find('.circle').fadeOut('fast',function(){root.find('.circle-hover').fadeIn('fast');});

},function(){
root=$(this);
$(this).find('.circle-hover').fadeOut('fast',function(){root.find('.circle').fadeIn('fast');});
});

div با آی دی های circle-hover و circle ،div هایی هستند که جابجا می شوند و div-circle والد است.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

شما کد html رو بزرید تا بشه براساس اون بنویسیم.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر


<div class="span4 div-circle">
<div class="circle"><img src="img/img2.png" alt=""/></div>
<div class="circle-hover">
<a href="#" class="a1"></a>
<a href="#" class="a1"></a>
<a href="#" class="a1"></a>
<a href="#" id="text-over">متن</a>
</div>
<span class="text-circle">متن</span>
</div>


.circle{margin:70px 45px 10px;behavior: url(PIE.htc);position:relative;border-radius:250px;-o-border-radius:250px;-webkit-border-radius:250px;-moz-border-radius:250px;-ms-border-radius:250px;height:220px;width:220px;}
.circle-hover{behavior: url(PIE.htc);position:relative;border-radius:250px;-o-border-radius:250px;-webkit-border-radius:250px;-moz-border-radius:250px;-ms-border-radius:250px;margin:70px 45px 10px;height:220px;width:220px;display:none;background:url(../img/bg-circle-over.png) no-repeat;}
.text-circle{text-align:center;display:inline-block;width:100%;color:#000;font:18px 'BYekan'; }

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

کدوم محتوا رو می خواهید با چی تغییر دهید

این کد را فرضی نوشتم البته با jquery هم می شه منتهی چون بعضی قالب ها باهاش مشکل دارند js نوشتم


<script type="text/javascript">
<!--
function mytext2()
{
document.getElementById('myId').innerHTML="محتوای دوم"
}
function mytext1()
{
document.getElementById('myId').innerHTML="محتوای اول"
}
//-->
</script>
<div id="myId" onmouseover="mytext2()" onmouseout="mytext1()">
محتوای اول
</div>

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

سلام

فکر کنم منظورشون با استفاده از CSS بوده و خاصیت hover باید به این صورت استفاده کنید:


اشتباه:
.circle-hover{}
درست:
.circle:hover{}

CSS :hover Selector

و این مثال ها کمکتون خواهد کرد:

CSS mouseover for links, text, and images :


http://www.scientificpsychic.com/etc/css-mouseover.html

+

پنهان کردن دکمه

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

کدوم محتوا رو می خواهید با چی تغییر دهید

این کد را فرضی نوشتم البته با jquery هم می شه منتهی چون بعضی قالب ها باهاش مشکل دارند js نوشتم


<script type="text/javascript">
<!--
function mytext2()
{
document.getElementById('myId').innerHTML="محتوای دوم"
}
function mytext1()
{
document.getElementById('myId').innerHTML="محتوای اول"
}
//-->
</script>
<div id="myId" onmouseover="mytext2()" onmouseout="mytext1()">
محتوای اول
</div>

محتوای div که over میشه زیاده ،راهی غیر از innerHtml ، میشه کد خودم را اصلاح کنید؟

اشتباه:

.circle-hover{}

درست:

.circle:hover{}

نام کلاس circle-hover هست

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

کدهای جی کوئری توی


$(document).ready(function()
{
//jquery
});

قرار میگیرن .

این مورد رو لحاظ نکردید.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

ببینید همچین چیزی منظورتون هست؟

http://jsfiddle.net/5x53c/2/

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای متن های کوتاه می تونید از کد css هم استفاده کنید


content:"متن ";

برای متن و کدهای طولانی مثل مورد شما هم می شه از آژاکس استفاده کرد و هم کد css

به شکل زیر


<style type="text/css">
#text1,.main:hover #text2 {
display:block;
}
.main #text2,.main:hover #text1 {
display:none;
}
</style>
<div class="main">

<div id="text1">
<p>یک متن حاوی کدهای html</p>
</div>

<div id="text2">
<p>یک متن دیگر حاوی کدهای html</p>
</div>

</div>

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

کدهای جی کوئری توی


$(document).ready(function()
{
//jquery
});

قرار میگیرن .

این مورد رو لحاظ نکردید.

اینجا نگذاشتم . در فایل این دستور رو نوشتم

ببینید همچین چیزی منظورتون هست؟

http://jsfiddle.net/5x53c/2/

محتوا ها داخل مربع هستند.خارج از آن نیستن. یعنی مربع باید تغییر کند.کدی که اینجا

گذاشتم محتوا رو تغییر میده ولی وقتی پست سر هم روی آنها میرم hover پایین می افته

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای متن های کوتاه می تونید از کد css هم استفاده کنید


content:"متن ";

برای متن و کدهای طولانی مثل مورد شما هم می شه از آژاکس استفاده کرد و هم کد css

به شکل زیر


<style type="text/css">
#text1,.main:hover #text2 {
display:block;
}
.main #text2,.main:hover #text1 {
display:none;
}
</style>
<div class="main">

<div id="text1">
<p>یک متن حاوی کدهای html</p>
</div>

<div id="text2">
<p>یک متن دیگر حاوی کدهای html</p>
</div>

</div>

چیزی شبیه اینه. ولی سه تا رو که در یک ردیف می ذارم ، وقتی ماوس رو روی آنها میبرم دیوی که با hover ظاهر میشه می افته پایین

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

بجای div از المان span استفاده کنید دیگه پایین نمیوفته چون div جزء بلاک هاست ولی span المان برخط هست.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

این هم جواب نداد. ممنون از دوستان. از یک js دیگر استفاده کردم.

ویرایش شده در توسط Maryam

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری